css - 将替代样式表应用于手持设备,无法正常工作

标签 css html mobile

一页有两个样式表。

<link rel="stylesheet" href="css/lsharecomplete_mob.css" media="handheld" type="text/css" />
<link rel="stylesheet" href="css/lsharecomplete_dt.css" type="text/css" media="Screen" />

我正在 android 和 Iphone 上进行测试,两者似乎都采用了“屏幕”风格。 在一个样式表中使用@media 比使用替代表更好还是我做错了什么。

我已经检查了链接和服务器目录,以确保文件存在并且链接正确。

最佳答案

iPhone 的 Mobile Safari 不认为自己是“手持”媒体类型。

iOS ignores print and handheld media queries because these types do not supply high-end web content. Therefore, use the screen media type query for iOS.

Source .

相反,使用 media queries .

关于css - 将替代样式表应用于手持设备,无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8147635/

相关文章:

html - 转换为 HTML Azure Powershell "Get-VM"

jquery - 请更正此浏览器兼容性问题

javascript - 像 jQuery 的 .click() 一样工作的 CSS3 选择器?

html - 具有特定图像坐标的背景位置右上角

html - 如何从 AWS Lambda 检索数据并将其显示在托管在 AWS S3 上的静态网站上?

html - CSS 选择器

jQuery ajax加载div,等待资源加载

javascript - 在移动设备上隐藏 <image> 的最佳方法是什么?

css - 移动导航不固定在滚动

javascript - 我可以在不使用 JS 和 HTML5 的情况下验证 HTML 输入吗?