-
rem 原理，字体单位，值根据HTML根元素大小而定，同样可以作为宽度，高度等单位。
查看全部 -
pc端布局一般采用定宽，居中，盒子模型，定高，定宽，多用display：inline-block.
移动web 定高，宽度百分比。采用flex加媒体查询布局
查看全部 -
移动web开发与适配。
查看全部 -
1rem=16px默认字体大小查看全部
-
移动web适配方法：
PC：960px/1000px 居中；
盒子模型，定高，定宽；
display:inline-block;
移动web:
定高，宽度百分比；
flex;
medis query(媒体查询)；
查看全部 -
ler htmlWidth = document.documentElement.clientWidth. || document.body.clienWidth;获取屏幕宽度（viewport）
查看全部 -
获取视窗高度查看全部 -
<script>
//获取视窗宽度
var htmlWidth = socument.documentElement.clienWidth || documnet.body.clienWidth;
//测试获取宽度
console.log(htmlWidth);
</script>
查看全部 -
rem的基准值就是html的fontSize
以iphone6为标准，width为375px，那么rem基准值就是37.5px，用想要的像素值除以这个标准就可以了 。
查看全部 -
1、width设置为100%是在设置padding-left或padding-right时屏幕的宽度不在是100%就会出现左右滚动（解决方法box-sizing：border-box）
2、设置一个元素绝对定位时，先设置它的父元素相对定位
3、background-size：contain
查看全部 -
1、sass语法
（1）定义一个sass变量
2、设置html的dome的fontsize
（1）获取屏幕的宽度
（2）获取html的dome节点
（3）利用获取到的html节点的style的fontsize等于获取到屏幕的宽度/10+“px”
3、&符号代表的是父元素
查看全部 -
1、rem
（1）1rem等于浏览器默认字体的大小，也可以利用ren设置宽、高
（2）通过设置html字体的大小来改变1rem等于多少个px
2、媒体查询来设置字体大小
3、js设置字体大小
（1）获取视窗宽度
document.documentElement.clientWidth || document.body.clientWidth
（2）获取视窗的高度
document.getElementByTagName('html')[0]
查看全部 -
1、响应式布局
（1）百分比（最简单）
（2）媒体查询
@media screen and （max-width：320px）{当他的宽度小于等于320px是适应}
@media screen and （min-width：321px）
当他的宽度大于等于321px时适应{}
查看全部 -
默认ipone6的设计稿
@function px2rem($px){
$rem : 37.5px;
@return ($px / $rem) +rem;
}
查看全部 -
嫫我用查看全部
举报