關于max-width和max-device-width
max-width和max-device-width有什么區別呢，max-device-width是設備屏幕輸出寬度也就是所說的分辨率，那我的筆記本的分辨率是1920*1080，手機分辨率也是1920*1080，那就用一個樣式？？問題是兩個屏幕顯然不一樣啊，用手機和筆記本打開慕課網站樣式就不一樣呢
舉報
0/150
提交
取消
max-width和max-device-width有什么區別呢，max-device-width是設備屏幕輸出寬度也就是所說的分辨率，那我的筆記本的分辨率是1920*1080，手機分辨率也是1920*1080，那就用一個樣式？？問題是兩個屏幕顯然不一樣啊，用手機和筆記本打開慕課網站樣式就不一樣呢
2017-08-21
舉報
2017-09-25
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
2017-08-21
....