关于max-width和max-device-width
来源：11-3 Media Queries使用方法
可乐要加冰Xx
2017-08-21 09:36
max-width和max-device-width有什么区别呢，max-device-width是设备屏幕输出宽度也就是所说的分辨率，那我的笔记本的分辨率是1920*1080，手机分辨率也是1920*1080，那就用一个样式？？问题是两个屏幕显然不一样啊，用手机和笔记本打开慕课网站样式就不一样呢
写回答
关注
2回答
-
- 5689u
- 2017-09-25 12:47:26
1、max-device-width是设备整个显示区域的宽度，例如，真实的设备屏幕宽度。
2、max-width是目标显示区域的宽度，例如，浏览器宽度。
3、如果使用max-device-width，那么在PC浏览器上浏览网页时，缩小或放大浏览器时是不执行CSS的，因为“PC设备”没有变化。但如果使用max-width，缩小或放大浏览器时是执行CSS的，因为“显示区域”即浏览器大小发生了变化。
4、如果使用max-device-width，那么当手机由竖变横时，CSS是不执行的，因为“手机宽度”并没有变化。如果使用max-width，那么当手机由竖变横时，CSS是执行的，因为“显示区域”发生了变化。
5、通常，面向“移动设备”用户使用max-device-width；面向“PC设备”用户使用max-width
摘自：http://www.cnblogs.com/futai/p/5015538.html
-
- 慕运维2928785
- 2017-08-21 10:40:01
....
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242556 学习 · 2623 问题
相似问题