xfy196的博客

border.css 该css样式用于解决移动端1像素边框问题。问题分析：有些手机的屏幕分辨率较高，是2-3倍屏幕。css样式中border:1px solid red;在2倍屏下，显示的并不是1个物理像素，而是2个物理像素。为了解决这个问题，引入border.css是非常有必要的。 具体代码 @charset "utf-8"; .border, .border-top, .border-right, .border-bottom, .border-left, .border-topbottom, .bor

关于如何计算rem rem是指根元素(root element html) 的字体大小 ，根元素默认的字体大小为16px。 rem是通过根元素进行适配的，网页中的根元素是html我们通过设置html的字体大小就可以控制rem的大小； 所以默认我们认为1rem=16px； 2rem=32px。 如果为了方便计算我们一般设置1rem=100px，我们需要设置字体大小为100px 所以我们一般在js中做判断；： <script> (function(){ let a = d