-
修改根标签html的fontsize可以改变对应的比例查看全部
-
修改根标签html的fontsize可以改变对应的比例查看全部
-
1rem等于浏览器默认字体大小16px查看全部
-
rem js查看全部
-
$ npm init $ npm install css-loader node-sass sass-loader style-loader url-loader webpack --save查看全部
-
布局方式查看全部
-
js根据屏幕宽度设置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是指所展示使用的设备支持宽度，如一般电脑分辨率1280px，手机设备支持展示宽度（安卓有种宽度如360 ，480）等.查看全部
举报
0/150
提交
取消