2010-12-01 16 views
1

Ich hatte das Bild auf meiner Seite durch Javascript angepasst, aber wenn ich die Seite drucken, erscheinen die Bilder in größerer Größe, versuchte ich, die Größe der Bilder in CSS zu steuern, aber sie nicht davon betroffen:Kontrolle Bildgröße

@media print { 

     img { 

      width: 544px; 
      height: 450px; 

      } 

    } 

kann jemand helfen?

+0

Haben Sie versucht einfaches HTML? '' – mingos

+0

wie ich sagte, ich kontrolliere die Größe in javascipt und die Bilder erscheinen in guter Größe, aber auf dem Papier nach dem Drucken sie erscheinen sie in größerer Größe – ama

Antwort

1

versuchen Sie, den Code so zu ändern, dass er das Attribut!

@media print { 

    img { 

     width: 544px !important; 
     height: 450px !important; 

     } 

} 

und prüfen Sie, ob Sie es mit Inline-CSS erzwingen. Das! wichtige Attribut soll alle Inline-Attribute ignorieren, aber nach meiner Erfahrung scheint es nicht perfekt über alle Browser zu funktionieren. Sie können auch die Größen ändern:

  width: 5.67in !important; 
     height: 4.69in !important; 

unter der Annahme eines Flachbildschirms. Sie können den Konverter finden here

+0

Ich habe es versucht und es funktioniert Thnx – ama