智能手機分辨率響應

Question

我有一個網站，看起來像附加的截圖。我希望它總是看起來像，沒有滾動下來。

問題是當我在iphone4中查看我的網站時，所以我必須向下滾動以查看底部的圓形圖像。即使在低分辨率的智能手機中，我如何使它看起來像截圖一樣 The Screenshot, from LG G6

Answer 1

使用@media only screen在CSS中找到。 More info here

長話短說，一旦尺寸達到一定的大小，切換您的風格，使畫面更適合圖片。典型的用法是這樣的：

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) { /* STYLES GO HERE */}