-
- 慕莱坞7063763 2021-02-17
结合sass实现动态转换rem
-
截图0赞 · 0采集
-
- 慕莱坞7063763 2021-02-17
scss
安装：npm install node-sass
编译：node-sass a.scss b.css
生产环境当中，一般使用压缩选项。
sass --style compressed nav.sass nav.css
也可以让SASS监听某个文件或目录，一旦源文件有变动，就自动生成编译后的版本。
sass --watch nav.scss:nav.css
- 0赞 · 0采集
-
- qq_迷人小姐姐_0 2019-03-04
rem的基准值就是html的fontSize
以iphone6为标准，width为375px，那么rem基准值就是37.5px，用想要的像素值除以这个标准就可以了 。
- 1赞 · 0采集
-
- qq_包子酸菜_03889029 2018-12-17
rem页面适配实战
-
截图0赞 · 0采集
-
- 小鱼儿被虾吃了 2018-12-11
npm install node-scss node-sacc a.scss b.css
-
截图0赞 · 0采集
-
- 小白阿比i 2018-10-23
@function px3rem($px){
$rem : 37.5px;
@return ($px / $rem) +rem;
}
var htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
var htmlDom = docuement.getElementsByTagName("html")[0];
htmlDom.style.fontSize = htmlWidth / 10 +"px";
- 0赞 · 1采集
-
- qq_蠢与纯与唇_0 2018-10-22
rem适配页面
与css结合使用
- 0赞 · 0采集
-
- 慕UI2011250 2018-09-11
rem进阶
-
截图0赞 · 0采集
-
- shui4888 2018-08-15
引入scss工具，编写样式，实现动态计算font-size；
其中，&表示父级元素
- 0赞 · 0采集
-
- 梦龙的课堂 2018-07-17
1，启动自适应浏览器宽度
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>
2，设置默认rem的字体大小
<html> font-size:16px;</html>
3，设置宽度规则
@media screen and (max-width:320px;) {
/* css */
}
@media screen and (min-width:321px;) {
/* css */
}
4，动态设置高度
@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}
html{font-size:62.5%; font-size:10px;}
- 1赞 · 0采集
-
- qq_孑虫star_0 2018-06-25
@function px2rem($px){
$rem:37.5px;
@return($px/$rem)+rem;
}
.hello{
width:px2rem(100px);
height:px2rem(100px);
&.b{
width:px2rem(50px);
height:px2rem(50px);
}
}
- 0赞 · 0采集
-
- EWL 2018-06-12
基准值就是html根元素的font-size
rem的数值就是换算出的px的rem值，1rem如果为16px，那么170px就等于170/16rem
-
截图0赞 · 0采集
-
- EWL 2018-06-12
rem进阶知识大纲
-
截图0赞 · 0采集
-
- qq_Patience_3 2018-05-30
- 通过sass去定义函数计算rem的值，这样就不用每次都自己计算了
-
截图0赞 · 0采集
-
- 慕神2011672 2018-04-24
//获取视窗宽度
let htmlWidth = document.documentElement.clienWidth || document.baody.clienWidth;
//获取高度高度
let htmlDom = document.getElementsByTagName('html')[0];
htmlDom.style.fontsize = htmlDom / 10 +'px';
- 0赞 · 0采集
-
- 葫芦胡 2018-04-15
sass动态计算rem数值
-
截图0赞 · 0采集
-
- 旅行的癞蛤蟆 2018-04-13
进阶：
rem 基准值的计算
基准值指的就是html的font-size
rem 数值计算与构建
元素实际值除以基准值就等于rem数值
rem 与 scss结合使用
rem 适配实战
- 0赞 · 0采集
-
- qq_努力努力再努力_22 2018-04-07
scss计算编译出rem
-
截图0赞 · 0采集
-
- 禹First 2018-03-24
- htmlWith/常数=rem值 width/rem值=实际rem
-
截图0赞 · 0采集
-
- 小龙哈哈哈 2018-03-04
- 设计图 1600 传入 参数 1600 20 ----》don_client = 1024 1024/1600 * 20 ------->let html[0] font-size ,sass pix2rem($px) $rem :20 return $px/$rem +rem;
- 0赞 · 0采集
-
- 慕粉2152288428 2018-02-22
- rem js
-
截图0赞 · 0采集
-
- 依依若蝶 2018-02-20
- js根据屏幕宽度设置rem
-
截图0赞 · 0采集
-
- 基德大人1412 2018-02-20
- npm install -g node-sass node-sass a.scss b.css
- 0赞 · 0采集
-
- 基德大人1412 2018-02-20
- initial-scale=0.5 更高清
- 0赞 · 0采集
