我需要改变依靠,如果它是一个手持设备(如手机)页面或一个大屏幕设备上的风格,如笔记本电脑,固定电脑或平板电脑。
我知道我可以检测到由CSS最大宽度查询和相似的决议,但这并不感到信服。 这主要是因为现在的智能手机都有这样的高分辨率屏幕。 IE索尼的Xperia S,它已得到1280屏幕720p的,但它只是4,3" 。由此10px的字体,一个正常的电脑屏幕会读,都会变得太小,无法阅读。
因此,我需要知道的不仅仅是分辨率多一点知道它是否是一个小屏幕设备或没有。 (我假设媒体=“手持” CSS样式是要走的路。请纠正我,如果我错了)。
所以:什么参数做的CSS媒体类型“手持”关心?
- 设备的屏幕尺寸?
- 浏览器窗口大小?
- 带宽?
- 是装置是“手持式”或不只是年代由客户端传递参数的信息?
- 包括平板电脑为“手持”设备?
等等
谢谢!
在handheld
媒体类型在很大程度上是没用的,因为目前这一代的智能手机和类似的设备(至少Android和iOS股票浏览器),不要使用它,以免被赋予超最少的格式设计的旧设备。
我建议使用媒体查询。 请注意,您可以查询分辨率以及大小,可以查询物理单位的大小(以,PT,厘米)以及像素。 (我不知道是否不过报告设备合理准确的物理单元大小。)
然而 ,只要实用,你不应该设计一个特定的设备,但让您的网站在任何规模的效果很好(这个目前的流行语是响应式设计 ,并且已经有很多文章在技术这一点)。 我个人的做法是几乎完全写我的样式表方面em
(线高度单位),然后使用媒体查询到在情况下,特定的布局仅上顺畅运行具有一定规模范围内切换出布局; 并且由于尺寸是来定义em
, 媒体查询应该来讲书面em
为好。 这样做的好处是,字体大小是什么是画面上的项目一个合理的显示尺寸合理的代理 - 反映了观看距离和(如果用户已配置其浏览器的时间)的用户的眼睛/手的能力。