这个$rem就是用rem单位来设置尺寸的基准值,看需要设计。
没有报错吗也,那可能是已经在执行了,等一会就好
web端,最大的问题是解决各个浏览器厂商的兼容性问题,不存在屏幕尺寸适配问题,自动放大和缩小,同样可以采用百分比布局,rem布局,web端的自动放大缩小一般情况下使用弹性盒子布局实现
就像1里面说的,web端不全是固定宽高,居中,web端的样式多样化,可编辑性强,不能笼统的一概而论说某个网页就使用单一的布局方式实现,需要考虑一个多元性,但是没有媒体查询这一说,web端的自动放大缩小一般情况下使用弹性盒子布局实现,
以上理解为个人理解。
找到问题了。文件路径不对。
因为平时开发ui给我们的一般都是基于iphone6的稿子,所以我们开发写的所有css就是基于这个尺寸来的。
看一下打包的loader的版本对应不对应,
的确更好,但是我看完了课程是基础课程。JS作为基础,能更好的让学习者理解原理。相对于拿脚手架工具直接用,我个人更倾向JS处理。脚手架可以拿来参考。
?sorry,我这没有全局安装。已解决
好像是因为设计稿是苹果6的尺寸设计的,所以设计稿内的其他元素的尺寸跟屏幕做比例。
因为iPhone 6的设计图是2倍图,在iOS中,宽度是375pt,换算成px为750px。
因为现在的手机端设计图一般都是宽度为750px的 而iphone6的屏幕宽度正好是375px 方便计算 二倍关系
有的,编写好一个js文件,然后引入就可以,编写的时候全部使用rem单位。
写样式的时候必须要先已一个确定的屏幕(375px)来作为参考,这里只是为了得到一个确定的倍数($px/$rem),css里字体的变化是根据页面根元素<html>的font-size变化的。
块级格式化上下文
npx webpack
对,他说反了
这个是移动端的项目
wu wu
你父容器box,包含子容器inner,能自适应吗,你只给inner添加w25%,剩下的为box的值
那个例子是错的 如果屏幕宽度是320px的情况下,除以10(屏幕宽度就是10rem)应该是1rem=32px,除以20(屏幕宽度就是20rem)是1rem=16px
应该是页面宽度是375px的意思
1.font-size决定字体的大小,rem=px
2.rem的值就是font-size获取的px的值
3.前面有公式用:
@function px($px){
$rem:37.5px;
@return ($px / $rem) + rem;
}
错误提示已经说了,没有安装 node-scss
我也是特别纠结这个地方,没太明白 $rem: 37.5px;不就是直接写死了吗?应该是 $rem: font-size才对啊
噢噢,我明白了,那个function只是用来返回一个正确的倍数的