我想建立一个使用rem单位的移动第一个网站,但有些问题我无法解决。
这是我的设置:
EM media queries
和
html {
font-size: 14px; // base font size
}
@media (min-width: 62em) { // i need all of the element scale when min-width is 62em
html {
font-size: 16px;
}
}
body {
font-size: 1rem;
}
.element {
border-width: 0.0625rem; // 1px border
padding: .5rem 1rem; // rem padding
}
我的问题是
放大到> 110%,62em媒体查询更改,并将html字体大小恢复为基础14px,任何解决方法?
缩小时,0.0625rem边框消失,因为它的< 1px,所以如果任何风格是1px,那么不应该使用rem吗? 1.5px或2px怎么样?
我读了一些建议不要改变html字体大小的文章,只留下100%,如果我按照这个方法并且需要得到上面例子的相同结果,我需要使用sass mixin来计算所有在不同的媒体查询中,14px基本字体大小和16px基本字体大小的CSS样式?