gpt4 book ai didi

javascript - 更好地按屏幕尺寸处理台式机、手机和平板电脑或检测平板电脑/手机/台式机?

转载 作者:行者123 更新时间:2023-11-28 17:34:21 26 4
gpt4 key购买 nike

大多数关于响应式设计的问题都有在媒体查询中使用屏幕尺寸来显示移动设计与桌面设计的答案,而不是将其与手机/平板电脑/桌面浏览器的测试结合起来,或者只是那个测试(要么服务器端或在 JavaScript 中)。

但是现在许多手机都具有 1080p 或更高的显示屏,并且某些浏览器会以实际像素报告这一点(我相信 iPhone safari 不会)。即使有那么多像素,该分辨率的桌面设计也不适合手机,甚至可能不适合平板电脑。

此外,JavaScript 可能存在差异(桌面可能具有鼠标悬停操作等)。

处理所有这些问题的最佳方法是什么?在媒体查询中只使用屏幕尺寸真的更好吗?或者这个工作服务器端检测的组合?还是完全不同?

最佳答案

媒体查询是处理 Responsive Web Design 的标准方式. viewport <meta> 的属性(property)标签允许开发人员管理大小和缩放。您可以阅读更多相关信息 here (Mozilla 开发者网络是研究此类问题的好地方)并查找文档 here .但是,如果您只是想快速入门,请阅读 this教程。

要点是:包含以下元标记以防止移动浏览器像桌面浏览器那样显示网站:

<meta name="viewport" content="width=device-width, initial-scale=1">

以下是一些可能有帮助的额外教程和框架:


关于javascript - 更好地按屏幕尺寸处理台式机、手机和平板电脑或检测平板电脑/手机/台式机?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25390022/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com