PDF responsiv darstellen

Dieses Thema im Forum "HTML & CSS" wurde erstellt von woodi24de, 12. Dezember 2016.

  1. woodi24de
    woodi24de Erfahrener Benutzer
    Registriert seit:
    7. März 2014
    Beiträge:
    192
    Zustimmungen:
    3
    Gegebene Danke:
    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
    Zustimmungen:
    7.313
    Gegebene Danke:
    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
    Zustimmungen:
    3
    Gegebene Danke:
    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.379
    Zustimmungen:
    6.405
    Gegebene Danke:
    1.129
    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
    Zustimmungen:
    281
    Gegebene Danke:
    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.470
    Zustimmungen:
    1.726
    Gegebene Danke:
    1.371
    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
    Zustimmungen:
    3
    Gegebene Danke:
    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.470
    Zustimmungen:
    1.726
    Gegebene Danke:
    1.371
    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
    Zustimmungen:
    3
    Gegebene Danke:
    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.206
    Zustimmungen:
    689
    Gegebene Danke:
    337
    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.679
    Zustimmungen:
    11.401
    Gegebene Danke:
    1.619
    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
    Zustimmungen:
    3
    Gegebene Danke:
    9
    Super vielen Dank für eure Hilfe. Jetzt gehts.