html - 智能手机分辨率响应

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