智能手机分辨率响应

Question

我有一个看起来像附件屏幕截图中的网站。我希望它始终看起来像它，没有向下滚动。

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

Answer 1

使用在 CSS 中找到的@media only screen。更多信息在这里

长话短说，一旦尺寸达到一定尺寸，请切换样式以使图片更适合屏幕。典型用法如下所示：

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