-
移動端設置viewport
<meta?name="viewport"?content="width=device-width,initial-scale=1,user-scalable=no">"
width：控制 viewport 的大小，可以指定的一個值，如果 600，或者特殊的值，如 device-width 為設備的寬度（單位為縮放為 100% 時的 CSS 的像素）。
height：和 width 相對應，指定高度。
initial-scale：初始縮放比例，也即是當頁面第一次 load 的時候縮放比例。
maximum-scale：允許用戶縮放到的最大比例。
minimum-scale：允許用戶縮放到的最小比例。
user-scalable：用戶是否可以手動縮放查看全部 -
rem介紹
查看全部 -
使用MediaQuery兩種方式
查看全部 -
Media Query介紹
查看全部 -
常見移動web適配方法
查看全部 -
rem學習占坑。
查看全部 -
12345
查看全部 -
web適配查看全部
-
H5 & web app
查看全部 -
rem & 移動端適配
查看全部 -
rem的原理
查看全部 -
媒體查詢的語法
查看全部 -
1rem = 瀏覽器默認的font-size
可以通過修改HTML根font-size， 達到修改1rem默認值
查看全部 -
案例代碼
@media?screen?and?(max-width:?400px){ ??.inner?{ ????width:?25%; ????height:?100px; ????background-color:?blue; ??} } @media?screen?and?(min-width:?401px){ ??.inner?{ ????width:?100%; ????height:?100px; ????background-color:?gold; ??} }查看全部 -
Media Query(媒體查詢)
@media 媒體類型 and (媒體特性) {
/** css樣式 */?
}
媒體類型：screen、print 媒體特性：max-width、max-height
查看全部
舉報
0/150
提交
取消