[Anti78]

Hallo zusammen.

Ich bastel gerade an einer Responsive Seite und möchte einen Downloadbutton für ein PDF anbieten. Jetzt suche ich nach einer Möglichkeit, per Media Query unterschiedliche PDF-Größen hinter dem einen Button anzubieten.

Fall 1 Desktopansicht: PDF mit 3,5MB ist hinterlegt
Fall 2 Mobilansicht: PDF mit 1 MB ist hinterlegt

Gibt es dafür eine Möglichkeit?

Danke

[Piki]

Generell zwei Download-links anbieten und diese über „display: …“ in den entsprechenden CSS-Dateien jeweils aus- oder einblenden.

[Anti78]

Hatte ich befürchtet.

Wird aber spätestens dann aufwendig, wenn man mehrere Buttons mit unterschiedlichen Inhalten hat.

[sahnemuh]

https://twitter.com/wilto/status/63284673723375616

Oder auch: Warum sollten die "Desktop Nutzer" ein größeres PDF wollen?

[type1]

[Piki]

[Morgo]

Ich weiss ja nicht genau was du unter welchen Bedingungen vorhast (das mit den verschiedenen Links würde ich jetz auch bevorzugen..), aber:
Alternativ könntest du die Sache auch ähnlich wie adaptive Bilder angehen: mit Javascript-Cookie den Viewport merken, alle PDF via htaccess auf ein Script leiten und da dann bestimmen, was ausgeliefert werden soll.

[Smooth-Graphics]

Wenn du nicht mit CSS display Werten arbeiten möchtest, kannst du auch per JavaScript die media-query abfragen und davon abhängig dann den Link ändern. Wie bereits angesprochen, muss denn ein Desktopuser die große bekommen? Kann man dem User nicht einfach die Wahl lassen?
Denn wenn ich z.B. vom iPhone auf mein Notebook tethere, möchte ich eigentlich nicht die große PDF laden müssen. Nur so als Denkansatz…