Question

body{
    max-width:1366px;
    margin:0 auto;
}

我的网站1366px最大宽度。

我的手机（两岁）是1920 x 1080。

我的朋友的电话是相似的 - 宽度为960像素，高度更高。

我的环境中找不到任何分辨率较低的手机。

另一方面，Google的Chrome模块用于响应式检查（控制台和点击移动图标），宽度类似360 - 375 - 412 - 414 - 768px。

为此目的，许多网站都采用了Simmilar sitation - 例如 - https://www.responsinator.com/

我的困境是 - 我是否需要在我的网站上更改任何内容？

在没有任何干预的情况下，它非常适合960px。

我可以忽略Google的宽度小于960px吗？

在今天的世界中，有没有人有可能拥有360像素宽度的手机？

有什么建议吗？

Answer 1

这取决于你的目标。查看this page以获取有关屏幕分辨率的一组数据。还要明白，在移动设备方面，你和你的朋友可能是一个偏差的样本，2年前的旗舰甚至中档设备仍然领先于今天销售的低端设备。

Answer 2

如果您想支持最大设备兼容性，可以尝试按照媒体查询

// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767.98px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.98px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

我们今天可以忽略小于960像素的宽度吗？

2 个答案: