css中device-width與width有什么區別
發布時間:2020/4/15 14:39:10 來源: 縱橫數據
1、device-width
定義:定義輸出設備的屏幕可見寬度。
不管你的網頁是在safari打開還是嵌在某個webview中,device-width都只跟你的設備有關,如果是同一個設備,那么他的值就不會變。
比如iphone6的device-width*device-height為375*667,而跟他的dpr等無關。
2、width
定義:定義輸出設備中的頁面可見區域寬度。
輸出的是你的網頁可見區域的寬高,假設你的網頁是移動端網頁嵌套在某個webview中,width實際上就是webview的寬高,如果在不同的瀏覽器中,width和height也有可能不一樣,又假如,你的頁面用的rem布局,并且對于retina屏來說dpr>1,meta標簽中設置了content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no,viewport-fit=cover",你的iphone6上的width大小就為750px了。
縱橫數據新上的美國站群服務器8C 現貨
限量特價 速定! cn2限量一人3臺
E5 16G 1T 8C 232IP
E5*2 32G 1T 8C 232IP
E5*2 32G 2T 8C 232IP
E5*2 32G 3T 8C 232IP
美國站群服務器 美國高防御服務器 歡迎在線客服 QQ 4001886560 482986990
定義:定義輸出設備的屏幕可見寬度。
不管你的網頁是在safari打開還是嵌在某個webview中,device-width都只跟你的設備有關,如果是同一個設備,那么他的值就不會變。
比如iphone6的device-width*device-height為375*667,而跟他的dpr等無關。
2、width
定義:定義輸出設備中的頁面可見區域寬度。
輸出的是你的網頁可見區域的寬高,假設你的網頁是移動端網頁嵌套在某個webview中,width實際上就是webview的寬高,如果在不同的瀏覽器中,width和height也有可能不一樣,又假如,你的頁面用的rem布局,并且對于retina屏來說dpr>1,meta標簽中設置了content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no,viewport-fit=cover",你的iphone6上的width大小就為750px了。
縱橫數據新上的美國站群服務器8C 現貨
限量特價 速定! cn2限量一人3臺
E5 16G 1T 8C 232IP
E5*2 32G 1T 8C 232IP
E5*2 32G 2T 8C 232IP
E5*2 32G 3T 8C 232IP
美國站群服務器 美國高防御服務器 歡迎在線客服 QQ 4001886560 482986990
本文來源:
//66moju.cn/article/2355.html
[復制鏈接]
鏈接已復制
下一篇:css實現動畫性能優化