gpt4 book ai didi

iPad/Safari 的 CSS 正在被小屏幕笔记本电脑使用

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

我们使用以下 HTML 元标记和样式查询来定位 iPad/Safari 浏览器(与 Windows/Linux 浏览器相比,iPad 有一些小的变化):

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="style/tablet.css" />

但 tablet.css 文件也在较小的笔记本电脑(即小于 1024 像素的笔记本电脑)上加载 - 并且在放大较大的屏幕时似乎也会发挥作用。

使用设备宽度并不是区分实际设备/浏览器的好方法,但我在互联网上的所有搜索都表明这是最好的方法。

还有其他办法吗?

最佳答案

为此你必须恢复到 javascript

您可以使用 modernizr 来检测触摸事件支持

http://modernizr.github.com/Modernizr/touch.html

Modernizr 将向 <html> 添加一个类标记,以便您可以非常轻松地定位支持触摸的设备。

如果您想要更高的准确性,或者使用 javascript 检测用户代理,但它需要定期更新更新和新的平板电脑操作系统版本。

关于iPad/Safari 的 CSS 正在被小屏幕笔记本电脑使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13944729/

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