關(guān)于max-width和max-device-width
max-width和max-device-width有什么區(qū)別呢,max-device-width是設(shè)備屏幕輸出寬度也就是所說的分辨率,那我的筆記本的分辨率是1920*1080,手機(jī)分辨率也是1920*1080,那就用一個(gè)樣式??問題是兩個(gè)屏幕顯然不一樣啊,用手機(jī)和筆記本打開慕課網(wǎng)站樣式就不一樣呢
max-width和max-device-width有什么區(qū)別呢,max-device-width是設(shè)備屏幕輸出寬度也就是所說的分辨率,那我的筆記本的分辨率是1920*1080,手機(jī)分辨率也是1920*1080,那就用一個(gè)樣式??問題是兩個(gè)屏幕顯然不一樣啊,用手機(jī)和筆記本打開慕課網(wǎng)站樣式就不一樣呢
2017-08-21
舉報(bào)
2017-09-25
1、max-device-width是設(shè)備整個(gè)顯示區(qū)域的寬度,例如,真實(shí)的設(shè)備屏幕寬度。
2、max-width是目標(biāo)顯示區(qū)域的寬度,例如,瀏覽器寬度。
3、如果使用max-device-width,那么在PC瀏覽器上瀏覽網(wǎng)頁時(shí),縮小或放大瀏覽器時(shí)是不執(zhí)行CSS的,因?yàn)椤癙C設(shè)備”沒有變化。但如果使用max-width,縮小或放大瀏覽器時(shí)是執(zhí)行CSS的,因?yàn)椤帮@示區(qū)域”即瀏覽器大小發(fā)生了變化。
4、如果使用max-device-width,那么當(dāng)手機(jī)由豎變橫時(shí),CSS是不執(zhí)行的,因?yàn)椤笆謾C(jī)寬度”并沒有變化。如果使用max-width,那么當(dāng)手機(jī)由豎變橫時(shí),CSS是執(zhí)行的,因?yàn)椤帮@示區(qū)域”發(fā)生了變化。
5、通常,面向“移動設(shè)備”用戶使用max-device-width;面向“PC設(shè)備”用戶使用max-width
摘自:http://www.cnblogs.com/futai/p/5015538.html
2017-08-21
....