問題描述:
主要解決兩個(gè)問題:
1. div盒子隨Ctrl+【+/-】縮放而縮放的問題
2. 最小化窗口然后進(jìn)行縮放頁面的布局問題
3. 頂部導(dǎo)航固定問題
解決上面問題
### 第一個(gè)問題,則需了解
(1) 容器的布局:margin: auto、定位等等
(2) 尺寸單位:具體尺寸、可視尺寸(vh、vw)、百分比尺寸
### 第二個(gè)問題,則需了解
(1)? 響應(yīng)式尺寸屬性:min-width、max-width、min-height、max-height
(2) 尺寸單位
### 第三個(gè)問題
了解固定定位(fixed)即可
尺寸單位
px:像素,絕對單位,一個(gè)像素點(diǎn)的大小,無法跨設(shè)備。
em:相對單位,相對于當(dāng)前元素的字體大小。
rem:相對單位,相對于根元素的字體大小。
%:相對單位,相對于父元素的百分比。
vh:相對單位,相對于視口高度的百分比。
vw:相對單位,相對于視口寬度的百分比。
vmin:相對單位,相對于視口高度和寬度中較小值的百分比。
vmax:相對單位,相對于視口高度和寬度中較大值的百分比。
cm:絕對單位,厘米。
mm:絕對單位,毫米。
in:絕對單位,英寸。
pt:絕對單位,磅。文章來源:http://www.zghlxwxcb.cn/news/detail-763435.html
pc:絕對單位,12磅為1pc。文章來源地址http://www.zghlxwxcb.cn/news/detail-763435.html
到了這里,關(guān)于網(wǎng)頁布局(解決瀏覽器縮放頁面亂版問題)的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!