SASS REM的最佳实践

时间:2015-09-26 03:58:24

标签: css sass

我想建立一个使用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
}

我的问题是

  1. 放大到> 110%,62em媒体查询更改,并将html字体大小恢复为基础14px,任何解决方法?

  2. 缩小时,0.0625rem边框消失,因为它的< 1px,所以如果任何风格是1px,那么不应该使用rem吗? 1.5px或2px怎么样?

  3. 我读了一些建议不要改变html字体大小的文章,只留下100%,如果我按照这个方法并且需要得到上面例子的相同结果,我需要使用sass mixin来计算所有在不同的媒体查询中,14px基本字体大小和16px基本字体大小的CSS样式?

0 个答案:

没有答案