对于每个响应式网站,有一点是允许html
的宽度进一步缩小(在计算机屏幕上,而不是移动设备或平板电脑上)是不合理的。
Web开发人员使用的像素是否有一定的标准数量作为最小的计算机屏幕宽度,html不应该在下面收缩?
换句话说,如果min-width
为100%,它将是html
的{{1}}。
答案 0 :(得分:1)
尝试并避免对响应式设计进行任何限制,如果您发现需要通过删除或折叠内容来寻找最小化屏幕上数据量的方法。
答案 1 :(得分:0)
在寻找最小宽度时,我们正在寻找我们可能遇到的最小设备。因此,除非我们针对智能手表(如@Tammo)所说,在这种情况下我们将创建一个针对智能手表优化的完全不同的界面,我们可能会关注的设备是智能手机。
Android :Android兼容性指南意味着,至少任何Android手机的宽度至少为240px(this问题列出了这些指南和一些相对罕见的示例)。 最低:240px
iPhone 即便是第一部iPhone也是320px宽,而且从那时起它们的分辨率只提高了。 最低:320px
考虑到这两个最小分辨率,你可能看到的最小分辨率是240px,虽然这是非常罕见的320px更可能是一个更好的最小宽度候选,因为它提供了更多的布局选项来设计一个更好的网站。