智能手机分辨率响应

Question

我的网站看起来像是附件截图中的网站。我希望它总是看起来像，没有向下滚动。

问题是当我在iphone4中查看我的网站时，所以我必须向下滚动才能观看底部的圆形图像。即使在低分辨率的智能手机中，如何使其看起来像截图 The Screenshot, from LG G6

Answer 1

使用CSS中的@media only screen。 More info here

长话短说，一旦尺寸达到一定尺寸，切换你的风格，使画面更适合屏幕。典型用法如下：

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