0
ive bekam ein Bild, das auf der Website und auf dem mobilen Gerät in der gleichen Größe sein muss.absolut Größe für Bild in Mobilgerät und Website css
konfiguriert ich die CSS:
.my-pic {
width: 2.5cm!important;
height: 4.5cm!important;}
für diesen html:
<img src='/path/to/img.png' class='my-pic'/>
maß ich das Bild auf meiner Website und es ist in der richtigen Größe. aber auf Handy ist es kleiner (1,5 cm auf 4 cm)
Wie kann ich mit diesem Problem umgehen?
Ist Ihre Website die richtigen '' Ansichtsfenster verwenden gesetzt, dass mobile Geräte, um sicherzustellen, Sie machen es nicht gezoomt aus? Das kann für den Unterschied in der Größe verantwortlich sein, wenn Ihr CSS die Dimensionen festgelegt hat. –
Mein Ansichtsfenster ist: content = "width = Geräte-Breite, initial-scale = 1.0" – Chenko47
Ist dies auf mehreren mobilen Geräten oder nur iOS-Safari passiert? Wenn Sie Letzteres verwenden, können Sie versuchen, 'shrink-to-fit = no 'zu Ihrer' ' hinzuzufügen. Meine Standardeinstellung (selbst bei 'width = device-width' Safari wird die Seite so skaliert, dass sie auf Inhalte passt, die breiter als das Ansichtsfenster sind. –