PDF responsiv darstellen

Thema wurde von woodi24de, 12. Dezember 2016 erstellt.

  1. woodi24de
    woodi24de Erfahrener Benutzer
    Registriert seit:
    7. März 2014
    Beiträge:
    192
    Danke erhalten:
    3
    Danke vergeben:
    9
    Hallo Zusammen,

    ich möchte gerne in meinen Artikeln unter Technische Datenblätter eine PDF Datei einbinden.

    Haben es hiermit gemacht:
    <object data="link_zum.pdf" type="application/pdf" width="xxx" height="xxx"></object>

    Klappt super, aber leider auf dem Handy nicht responsiv.

    Wir kann ich das ändern?

    Produktbeispiel:
    https://www.woodi24.de/pflegemittel/innenbereich/Wachse/Saicos-Colorwachs.html
     
  2. Wilken (Gambio)
    Wilken (Gambio) Erfahrener Benutzer
    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.311
    Danke vergeben:
    2.208
    Ich glaube einen PDF Betrachter würde ich nie so als Minielement in die Seite einbetten, weil in zu vielen Fällen die Grösse des Viewers komplett Banane ist, auch schon am Desktop. Das würde ich immer nur per Download machen, dann ist man auch ganz fix alle Probleme damit los.
     
  3. woodi24de
    woodi24de Erfahrener Benutzer
    Registriert seit:
    7. März 2014
    Beiträge:
    192
    Danke erhalten:
    3
    Danke vergeben:
    9
    Es sieht aber integriert einfach besser aus. Wie wird es dann responsiv?
     
  4. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Dann kannst es auch gleich als richtigen Content als TAB in die Beschreibung einfügen statt so umständlich über nen PDF viewer.
     
  5. bt012ss
    bt012ss Erfahrener Benutzer
    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Das nächste Problem ist das dieses PDF dir die Seite zerschießt wenn du einmal gescrollt hast.
    Das hatte ich so auch schon mal probiert.

    gambio51.jpg
     
  6. Anonymous
    Anonymous G-WARD 2015/2016
    Registriert seit:
    20. Februar 2012
    Beiträge:
    9.088
    Danke erhalten:
    1.613
    Danke vergeben:
    1.212
    evtl. hilft das hier:

    (Link nur für registrierte Nutzer sichtbar.)
     
  7. woodi24de
    woodi24de Erfahrener Benutzer
    Registriert seit:
    7. März 2014
    Beiträge:
    192
    Danke erhalten:
    3
    Danke vergeben:
    9
    Habs jetzt als Bild eingefügt, ist aber immer noch nicht responsiv

    <img alt="saicos colorwachs" class="img-responsiv" src="images/saicos_colorwachs_1.PNG" style="width: 636px; height: 909px;" />
     
  8. Anonymous
    Anonymous G-WARD 2015/2016
    Registriert seit:
    20. Februar 2012
    Beiträge:
    9.088
    Danke erhalten:
    1.613
    Danke vergeben:
    1.212
    ich befürchte da musst Du ein 2. Bild fertig machen mit einer Breite welche auf dem Handy angezeigt wird und dann beide in dieser Zeile angeben.

    Beispiel:
    Code:
    <img class="img-responsive space-1" data-image="images/content/index/sale-1.png" data-image-lg="images/content/index/sale-1.png" data-image-xs="images/content/index/sale-small.png" src="images/content/index/sale-1.png" />
     
  9. woodi24de
    woodi24de Erfahrener Benutzer
    Registriert seit:
    7. März 2014
    Beiträge:
    192
    Danke erhalten:
    3
    Danke vergeben:
    9
    Aber ich denke ich muss das nur bei Formatklassen hinterlegen habe ich hier im Forum gelesen.
     
  10. Kai Schoelzke
    Kai Schoelzke Beta-Held
    Registriert seit:
    30. März 2016
    Beiträge:
    4.076
    Danke erhalten:
    646
    Danke vergeben:
    307
    du hast class="img-responsiv" stehen, es müsste aber class="img-responsive" heisen, also mach das e noch dran dann ist es responsiv
     
  11. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Was soll der Shop denn machen?
    Anzeige = responsive oder Breite = 636px und Höhe = 909px?
    Du gibst dem Shop 2 Anweisungen, die nicht zusammen passen.
    Entweder das Bild ist responsive, oder es hat eine feste Größe.
     
  12. woodi24de
    woodi24de Erfahrener Benutzer
    Registriert seit:
    7. März 2014
    Beiträge:
    192
    Danke erhalten:
    3
    Danke vergeben:
    9
    Super vielen Dank für eure Hilfe. Jetzt gehts.