我在想样式表上的链接目标会使我的 css 文件仅在平板电脑或 iPhone 上加载时才加载。但我试图隐藏的元素仍然存在。我目前正在使用 (media="handheld")
<link rel="stylesheet" type="text/css" hrf="css/media.css" media="handheld" />
问问题
17733 次
2 回答
8
有太多的移动设备模型需要为其编写样式表；你最好根据Screen Size调整你的 CSS 。
这对于定位不同尺寸的 Android 平板电脑特别有用。
请参阅此有用的教程以获取更多说明：
http://css-tricks.com/resolution-specific-stylesheets/
因此，与其针对特定的屏幕尺寸（随着更多设备的发布而不断变化），您希望样式表根据屏幕尺寸而变化。
然后您将添加几个样式表：
<link rel="stylesheet" media="screen and (min-width: 480px) and (max-width: 700px)" href="css/small.css" />
<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/medium.css' />
等等
所以 iPhone 会使用 small.css，大于 700px 的平板电脑会使用 medium.css。
于 2012-08-20T20:11:46.977 回答
2
Handheld与 iOS 或 Android 设备相比，它更适用于 PDA 或功能手机等设备。您最好使用媒体查询来检测设备功能，然后进行相应调整。这是一篇示例文章：http: //mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/
于 2012-08-20T19:43:22.997 回答