絕對大小的移動設備和網站的CSS圖像

我得到了一個圖片，必須在網站和移動設備上相同的大小。絕對大小的移動設備和網站的CSS圖像

我配置了CSS：

.my-pic { 
width: 2.5cm!important; 
height: 4.5cm!important;}

爲這個網站：

<img src='/path/to/img.png' class='my-pic'/>

我測量的PIC在我的網站，它是在正確的大小。但在移動較小（4釐米1.5釐米）

我該如何處理這個問題？

2016-07-11 Chenko47

您的網站是否使用了正確的''視，以確保移動設備不使其縮小？如果您的CSS具有固定的尺寸，這可能會導致尺寸的差異。 –

我的視口是：content =「width = device-width，initial-scale = 1.0」 – Chenko47

這是發生在多個移動設備上，還是隻發生在iOS Safari？如果是後者，你可以嘗試在你的''上加上'shrink-to-fit = no'。我的默認設置（即使使用'width = device-width'Safari也會縮小頁面以適應比視口更寬的內容。 –

您需要使用媒體查詢，並設置的CSS按規定

2016-07-11 20:05:44

它也發生在媒體查詢中。 – Chenko47

回答