前端 - 用@media设置html的font-size给rem用出现的问题?
问题描述
我的设计稿是640px的,所以设置font-size:62.5%比较写值,但是屏幕缩小后的font-size比例我不知如何把控,不知这样写对不对?min-width: 580px和max-width:580px会不会冲突呢?
@media only screen and (min-width: 640px){ html{font-size: 62.5%; }}@media only screen and (max-width: 640px) and (min-width: 580px){ html{font-size: 62.5%; }}@media only screen and (max-width:580px) and (min-width: 440px){ html{font-size: 54%; }}@media only screen and (max-width:440px) and (min-width: 400px){ html{font-size: 46%; }}@media only screen and (max-width:440px) and (min-width: 400px){ html{font-size: 42%; }}@media only screen and (max-width:400px) and (min-width: 360px){ html{font-size: 40%; }}@media only screen and (max-width:400px) and (min-width: 360px){ html{font-size: 32%; }}
问题解答
回答1:会的,所以bootstrap 里都是差一个pixel. 产生冲突会怎样呢?根据css的原理会选择后定义的效果(选择器权重相同的情况下)。那么这个冲突会发生在屏幕宽度580px的时候。在用户使用的时候这种情况会很少见。但是并不是最佳实践,因为多进行了一次额外渲染。
相关文章:
1. docker网络端口映射,没有方便点的操作方法么?2. dockerfile - [docker build image失败- npm install]3. docker-machine添加一个已有的docker主机问题4. 关于docker下的nginx压力测试5. angular.js使用$resource服务把数据存入mongodb的问题。6. angular.js - ngview配置路由失败7. angular.js - jade模板引擎无法做单页模式,请教怎么做。8. angular.js - $scope获取不到值9. 我在centos容器里安装docker,也就是在容器里安装容器,报错了?10. javascript - 百度地图一开始设置了中心点,怎么通过按钮在调转到对应的中心点????