智能手机分辨率响应

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 */}