sublime text3 中cssrem安装与使用
我们在移动端开发时,使用rem布局是一个不错的选择,及将所有元素的尺寸使用rem来设置,但是我们每次都需要先用设计稿中的值除以rem值然后才能得到最终的以rem为单位的数字,这时,cssrem插件就可以很好的解决我们遇到的问题了。 (注:对于移动端布局,见我的另一篇博文《探究移动端开发》)
第一步:下载github中的cssrem,然后将名为cssrem-master文件夹移动到Preferences下的Browse Packages...
如下图所示:
第二步:重启sublime text3,即可使用。但我们可以发现,实际上cssrem将1rem默认为40px。
面临的问题1:
但是如果我们不希望使用这样的默认项呢? 下面介绍方法:
进入preference--browse packages,然后进入cssrem-master,并以记事本的方式打开cssrem.sublime-settings,发现下面数据:
也就是说,默认px到rem的转化为40, 数字的最大长度为6位等等。于是我们在这里编辑就可以使用自己想要的rem了,是不是很简单呢!!
面临的问题2:
如果我们不需要移动端rem布局,那么每次输入px都会重复的提醒,这是令人厌烦的,这时我们可以将preference--browse packages里的cssrem-master加一个后缀名,比如.txt,这样重启sublime text就会发现不会有这种情况了。 当我们再需要使用时就把这个后缀删去即可。
宁愿跑起来被拌倒无数次,也不愿规规矩矩走一辈子。
时间: 2024-10-19 23:03:50