-
把媒体查询写完整,就可以避免覆盖的问题
查看全部 -
如果将max-width:320px和max-width:360px调换顺序则320px的媒体查询就会失去作用,所以不能单纯依赖css样式的顺序去依次覆盖,否则就会有代码维护上的困难
查看全部 -
不设置页面的字体大小时,默认为16px
最小字体大小显示为12px,
可以通过修改html的文字大小来改变一下以rem计算的div宽高或者文字的字体大小
查看全部 -
如果没有加上
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
这一句话的话,会出现responsive调整宽度的时候不变的情况,这一句meta表示宽度为设备宽度,初始比例缩放为1,且移动开发必须要加上这句话
查看全部 -
meida query可以写在css里面也可以写在link里面。
@media screen and (max-width: 320px) {
/*css样式*/
}
或者是
<link rel="stylesheet" type="text/css" href="some.css" media="screen and (max-width: 320px)">
上面的代码表示当屏幕的宽度小于320px的时候,名为some的css文件才会被引用生效
查看全部 -
利用百分比实际上只能做一些很简单的屏幕适配
查看全部 -
rem 是什么?
字体单位:值根据HTML根元素大小而定,同样可以作为宽度,高度等单位。
适配原理:将px替换成rem,动态修改html的font——size适配
兼容性:ios6以上和android2.1以上,基本覆盖所有流行的手机系统。
查看全部 -
常见的移动web适配方法:PC 给一个固定的宽度啦
或者用盒子模型 定高,定宽等等
又或者 display:inline——block
移动web 定高 flex 布局法 media query媒体查询法
查看全部 -
let=var 在js里面的写法<br />查看全部
-
rem 与html的像素大小设置有直接关系。
查看全部 -
通过sass去定义函数计算rem的值,这样就不用每次都自己计算了查看全部
-
媒体查询的方式动态改变根元素的font-size查看全部
-
通过js计算font-size查看全部
-
回答查看全部
-
max-height =小于 就 执行下面代码
查看全部
举报