gpt4 book ai didi

html - 当我们谈论 "mobile"设备时,最大尺寸是多少?

转载 作者:行者123 更新时间:2023-11-28 00:09:00 25 4
gpt4 key购买 nike

所以,我想为我的网站创建一个“移动” friend View 。它的液体设计已经完成,但手机需要绝对不同的外观。现在,如何检测我是否使用手机(iphone、ipad、android)访问过它?更具体地说,我想象它好像屏幕宽度小于一个值(不知道那个值),然后这被认为是一个移动客户端。如何检测,以便生成移动优化的 CSS/HTML 输出?也许我太简单了,但对我来说移动客户端 = 更小的屏幕,仅此而已

最佳答案

确实没有什么好办法。以前你可以说如果在一定数量的像素下它就是一部手机。但现在手机的像素数越来越高,屏幕也越来越大。平板电脑现在只有 7 英寸,但它们可以变得更小。一些手机超过 5 英寸,并且可以变得更大。然后是物理像素与 css 像素比率之类的事情需要考虑。

如果不是屏幕尺寸或像素数,可能是它是否支持触摸。但 Windows 8 将其抛在脑后,因为它支持桌面触摸。

我会说这取决于内容而不是设备。使用各种宽度测试您的网站。查看宽度何时变得不适合内容,并在那里抛出一个媒体查询来调整布局。我认为内容优先而不是设备优先的策略更适合 future 。

另请记住,它可能不仅仅是需要您的移动友好布局的移动设备。例如,soemone 可以在小窗口中使用他们的浏览器,而不是全屏,或者他们可以在 Windows 8 中使用 snap 模式,其中宽度与 iPhone 宽度相同,为 320 像素。

关于html - 当我们谈论 "mobile"设备时,最大尺寸是多少?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16599394/

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