正准备入门移动端,看过不少文章介绍em和rem的好处,但为何天猫淘宝等大站都是用px呢?
font-size和font-family该如何写好呢
淘宝的M站是用rem的啊,字体淘宝用的是sans-serif,也就是用系统自带默认字体。
大小的话,可以类似下面这样设置,其他样式就以html的样式为基本。
@media only screen and (min-width: 320px){
html {
font-size: 20px !important;
}
}
@media only screen and (min-width: 640px){
html {
font-size: 40px !important;
}
}
@media only screen and (min-width: 750px){
html {
font-size: 46.875px !important;
}
}
@media only screen and (min-width: 1242px){
html {
font-size: 77.625px !important;
}
}
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。