-
修改根標簽html的fontsize可以改變對應(yīng)的比例查看全部
-
修改根標簽html的fontsize可以改變對應(yīng)的比例查看全部
-
1rem等于瀏覽器默認字體大小16px查看全部
-
rem js查看全部
-
$ npm init $ npm install css-loader node-sass sass-loader style-loader url-loader webpack --save查看全部
-
布局方式查看全部
-
js根據(jù)屏幕寬度設(shè)置rem查看全部
-
cnpm init cnpm install -g css-loader --save-dev cnpm install -g node-sass --save-dev cnpm install -g sass-loader --save-dev cnpm install -g style-loader --save-dev cnpm install -g url-loader --save-dev cnpm install -g webpack --save-dev查看全部
-
npm install -g node-sass node-sass a.scss b.css查看全部
-
initial-scale=0.5 更高清查看全部
-
兼容方式查看全部
-
1rem=16px查看全部
-
<!DOCTYPE html> <html> <head> <title>mediaquery</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <style type="text/css"> .box { width: 100%; } .inner:nth-child(1) { background-color: red; } .inner:nth-child(2) { background-color: blue; } .inner:nth-child(3) { background-color: red; } .inner:nth-child(4) { background-color: blue; } @media screen and (max-device-width: 320px) { .inner { width: 25%; height: 100px; float: left; } } @media screen and (min-device-width: 321px) { .inner { width: 100%; height: 100px; } } </style> </head> <body> <div class="box"> <div class="inner"></div> <div class="inner"></div> <div class="inner"></div> <div class="inner"></div> </div> </body> </html>查看全部
-
rem適配字體查看全部
-
min-device-width: 320px max-device-width: 321px 要用這種方法才能自動適配 max-widht指展示的最大寬度，一般是瀏覽器窗口寬度。 max-device-width是指所展示使用的設(shè)備支持寬度，如一般電腦分辨率1280px，手機設(shè)備支持展示寬度（安卓有種寬度如360 ，480）等.查看全部
舉報
0/150
提交
取消