已采納回答 / MrXuAibo
如果頁(yè)面是固定尺寸,那個(gè)meta就不用要了,就可以全部顯示出來(lái)了,如果用的是百分比布局,看看其他地方的設(shè)置有什么錯(cuò)誤沒(méi)
2017-05-26
已采納回答 / 海子de微博
initial-scale=1是指visual viewport等于layout viewport,?width=device-width是指layout viewport等于設(shè)備寬度,兩者是不一樣的。
2017-05-26
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
2017-05-25
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
2017-05-25
<meta name="viewport" content="width=device-width, initial-scale=1">
邏輯像素等于物理像素
邏輯像素等于物理像素
2017-05-25
我覺(jué)得吧,是老師有些東西沒(méi)有講清楚,所以有人覺(jué)得混亂,這個(gè)課程里面只講了兩個(gè)視口,布局和可視化。在ppk的書(shū)里講了3個(gè),加上一個(gè)理想視口,也就是設(shè)備獨(dú)立像素的大小。布局視口是一個(gè)瀏覽器固定大小的視口,用來(lái)布局,然后可視化視口來(lái)進(jìn)行縮放顯示頁(yè)面的。但是在頁(yè)面寬度大小大于布局視口的時(shí)候,老師沒(méi)有仔細(xì)講,為什么沒(méi)有出現(xiàn)滾動(dòng)條。這里是因?yàn)榭梢暬暱谶M(jìn)行了縮放導(dǎo)致的,所以我們?cè)诤竺娼鬼?yè)面的可視化視口進(jìn)行縮放。出現(xiàn)滾動(dòng)條的必要條件不是頁(yè)面的寬度大于布局視口,而是大于布局視口寬度的一定比值之后才會(huì)出現(xiàn)滾動(dòng)條。后面又讓width=device-width,可視化視口=布局視口=理想視口。大概就是這樣。
2017-05-22