不同手机上的不同浏览器具有不同的屏幕分辨率。
社区中是否有最佳实践来设置宽度为标准尺寸，以便它适用于大多数现代手机和浏览器？
4个回答
7
保证在移动浏览器中实现像素完美准确性并不容易（实际上，在任何浏览器中都没有简单的方法可以做到这一点）。然而，有一些方法可以帮助完成这种工作。例如，iPhone的移动Safari支持“视口”元标记，允许您指定属性，如宽度。以下是一些使用示例：
<meta name="viewport" content="width = 750px" />
<meta name="viewport" content="initial-scale=2.5, user-scalable=no" />
苹果公司提供了一些信息这里，您也可以在网络上找到更多信息。
- tnm8
3
我认为最好的做法是不要对客户端设备的宽度和分辨率做过多的假设。
大多数设备都有专门用于显示/流动/缩小网页的浏览器。如果可能的话，让浏览器去完成这项工作。
- lexu
1
你好，
我知道你的问题是如何选择最佳屏幕尺寸以适用于所有手机，但这种方法很快就会让用户感到疲倦。
我所关联的一个大型网站会获取UserAgent字符串并将其标准化为一个共同的基准，例如，在英国有超过300个不同的UA字符串用于特定的Sony Ericsson手机类型，因此它们都被转换为相同的字符串，然后进行查找以确定屏幕房地产。
程序员还可以访问当前连接速度，该速度是通过基于连接类型、路由类型等的地理位置应用程序在请求时推断出来的。你不想向连接速度慢的人发送丰富的高清媒体。
然后，这被用于：
- 决定是否可以提供丰富的内容，然后
- 选择最佳格式的内容。
希望对你有所帮助。
谢谢！
- Rob Wells
0
你可以使用“em”而非像素，“em”应该会比较好地缩放。
这仍然是一个敏感的话题，因为许多移动浏览器基本上根据开发人员想要它们解释的方式来解释内容。
- David
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接