不同手机上的不同浏览器具有不同的屏幕分辨率。
社区中是否有将宽度设置为标准尺寸的最佳做法,以便它适用于大多数现代手机和浏览器?
不同手机上的不同浏览器具有不同的屏幕分辨率。
社区中是否有将宽度设置为标准尺寸的最佳做法,以便它适用于大多数现代手机和浏览器?
没有简单的方法可以确保跨移动浏览器的像素完美准确性(实际上,任何浏览器都没有简单的方法可以做到这一点)。但是,有一些方法可以帮助完成此类工作。例如,iPhone 的移动 Safari 支持“视口”元标记,允许您指定宽度等属性。以下是一些使用示例:
<meta name="viewport" content="width = 750px" />
<meta name="viewport" content="initial-scale=2.5, user-scalable=no" />
Apple在此处提供了一些信息,您可以在网络上找到更多信息。
恕我直言,最好的做法是在没有太多关于客户端设备的宽度和分辨率的假设的情况下相处。
大多数这些设备都有适合显示/流动/减少网页的浏览器。如果可能的话,让浏览器完成这项工作。
天,
我知道您的问题是决定选择适用于所有手机的最佳屏幕尺寸,但这种方法很快就会受到用户的青睐。
我与之关联的一个大型网站采用 UserAgent 字符串并将其规范化为一个共同的分母,例如,英国针对特定索尼爱立信手机类型使用了 300 多个不同的 UA 字符串,因此它们都被转换为相同的字符串,并且然后查找表格以确定屏幕空间。
编码人员还可以访问当前连接速度,该速度由地理定位应用程序在请求时根据连接类型、路由类型等推断。您不希望将丰富的高清媒体发送给连接速度较慢的人。
然后用于
高温高压
干杯,
您总是可以使用“ems”而不是它们应该正确缩放的像素。
这仍然是一个敏感的话题,因为许多移动浏览器基本上会根据开发人员希望如何解释你所拥有的内容来解释它。