之前提了一嘴安装sass。
我说了sass很有魅力。接下来就说一下为何？
很烦的一个东西。移动的端的一像素边框的问题。做过移动端的同学应该都知道，
你不能用border为1px。用这个会很丑，在移动端这条将会通过2个物理像素进行渲染。
所以出现这样的方法解决吧。通过伪元素。
css代码如下。
这样就很烦。
我就可以分装一个@mixin。
一像素边框的分装
既然有封装的现成东西，就可以做个demo试试
项目结构如下，
项目结构
index.html使我们最终要呈现要过的页面。
border-1px是我们封装好的@mimin。
common是我们引用的页面。
这是注意的就是在common中首先得@import 一下border-1px。
上common的代码。
写好的scss，依赖好了之间的关系（只有两个 - -！）
编译我们的common.scss文件。
在对应的文件夹下键入如下指令
根目录就会出现common.css的文件。
我们打开它：
将其link到index.html中
打开谷歌F12看看效果。如下。
谷歌浏览器的0.5px！！！
到这里的我们的scss的1px的边框完成了。
也成功了。
网友评论