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

Question

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

我的网站是1366px 最大宽度。

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

我朋友的手机很相似 - 宽度为 960 像素或更高。

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

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

为此目的，许多网站上都有类似的网站 - 例如 - https://www.responsinator.com/

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

在 960px 上非常适合，无需任何干预。

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

在当今世界，是否真的有可能有人拥有一部宽度为 360 像素的手机？

有什么建议吗？

Answer 1

这真的取决于你的目标。查看this page 获取一组关于屏幕分辨率的野外数据。另请理解，您和您的朋友在移动设备方面可能有点偏颇，两年前的旗舰甚至中端设备仍然远远领先于今天的低端设备。

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) { ... }