设置移动网页页面宽度的最佳设计实践是什么？

Question

不同手机上的不同浏览器有不同的屏幕分辨率。

社区中是否有最佳实践将宽度设置为标准尺寸，以便它适用于大多数现代手机和浏览器？

Answer 1

恕我直言，最好的做法是没有关于客户端设备的宽度和分辨率太多的假设相处。

晴这些设备具有向显示/流动/减少的网页浏览器啮合。如果可能的话，让浏览器做的工作。

Answer 2

没有简单的方法可以确保跨移动浏览器的像素完美准确性（实际上，没有简单的方法可以做到这一点） 任何 浏览器）。然而，有一些方法可以帮助完成此类工作。例如，iPhone 的移动 Safari 支持“视口”元标记，允许您指定宽度等属性。以下是一些用法示例：

<meta name="viewport" content="width = 750px" />

<meta name="viewport" content="initial-scale=2.5, user-scalable=no" />

苹果有一些信息 这里, ，您将在网络上找到更多信息。

Answer 3

你好，

我知道您的问题是决定选择适合所有手机的最佳屏幕尺寸，但这种方法很快就会对用户产生影响。

我关联的一个大型网站采用 UserAgent 字符串并将其规范化为一个公分母，例如英国针对特定索尼爱立信手机类型使用了 300 多个不同的 UA 字符串，因此它们全部转换为相同的字符串，然后查找表格以确定屏幕空间。

编码人员还可以访问当前的连接速度，该速度是由地理定位应用程序根据连接类型、路由类型等推导出来的。 在提出请求时。 您不想向连接速度较慢的人发送丰富的高清媒体。

然后这用于

1. 决定是否可以提供丰富的内容，然后
2. 选择内容的最佳格式。

华泰

干杯，

Answer 4

您可以随时使用的 “EMS”，而不是像素他们的 的应适当扩大。

这仍然是一个棘手的问题，因为很多移动浏览器基本上解释你这取决于开发者如何想使解读一下。