sublimetext3将px换算为rem的插件的安装及使用
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了sublimetext3将px换算为rem的插件的安装及使用,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2817字,纯文字阅读大概需要5分钟。
内容图文
![sublimetext3将px换算为rem的插件的安装及使用](/upload/InfoBanner/zyjiaocheng/395/21890a2bab04412ea068f21343d74be3.jpg)
1.首先在这个地址:https://github.com/hyb628/cssrem.git 下载插件
2.将下载的插件将其解压,并且打开sublime,找到:Sublime Text -> Preferences -> Browse Packages,将解压好的文件夹放入打开的文件下
3.这个时候插件就安装好了,再css中输入一个我们想要的数值,就会有对应的提示:
enter之后就自动换算:
4.这里的40是插件默认的基准值,我们可以根据自己的需求来改:
在Sublime Text -> Preferences -> Package Settings -> cssrem->Settings-user中设置,输入以下参数配置,可以修改基准数和换算后的小数的多少:
{
"px_to_rem": 60, //px转rem的单位比例,默认为40
"max_rem_fraction_length": 6, //px转rem的小数部分的最大长度。默认为6。
"available_file_types": [".css", ".less", ".sass",".html"]
//启用此插件的文件类型。默认为:[".css", ".less", ".sass"]
}
如图:
修改之后基准数就改变了:
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOgAAABICAIAAABz1y7BAAAGpUlEQVR4nO2bv2siaRyH92+5wjsCW0TYInBjF0gw3RAPhcXYTIqQRnDDNgHXMgjpbALZQAqxSGcfsbEO18ilSPBgIbcYkDuykmKueN95f4/RMfHdVz/hKUbnh+O8z3ze7/uOeffrb78A4BzvrJ8BAAmAuMBJIC5wEogLnATiAieBuMBJIC5wEogLnATiAieBuMBJIC5wkncZLw0S8P37wPo5rDIQNyEQ1y4QNyEQ1y4QNyEQ1y5vIu7m6U3QfwyaR5M2KzSK/cd85aWjVdpB/8Yv2L9SChDXLm8obvE0N2kz1cic3zHssnl6E/Tb2RlPwN+7u6qGlE/nvrh2t8NWne3lE39HiGsXa6WCZuRR3hTA2eZj0GlsznJkf+/uqtoJ6Mvjk2p4dXBM1+52rqrhyW4646Uz2+dnc7gLce1iTdxsU64lzCWBOYYnkv/8STBV8lhdFRxoeTw1ENcus4prMolXq0f5/mPQfwzMxWvO79C1hOJpTn+TQlOWxnC2qbxPKX3988eP0V9f/xA/SNGRv9w+P2Nx66VpGFfvPm+nM553sVa+XfdK6/vjVHmcKo/X/BLZbMO/TZXHqY9f2Ieu749T5f/++dt6460ys4pr6tCjsMw2Sdef8zv6yOwoLw3X1OOYS4JCo9i/KbJbRRvPGcUlghJZ/b27SE1SJ0TLROI9prJ3sSb66l2slcfvt+gBN/zbVPl23ROXkbh2SSwuj16tWjWIq3o5w8hMONSUExFemlYF1VAodgVxt8/P+IIgLktZGqs8ZTMfPo5T+xcbW9cpKjTEtUsCcW/8QjpTaeebbaKUWq0aUll9Z4aRmbjZlFNjwqgrOBBmD4i4e1ruMnFZxHrMVH7YL+/LY6FmgLh2mVHcQqPYb2e9nN9pZyvtoNPY1J3T9So0ilq+TgxgYTPhlphuasw0AiO5S0oIYwa/LG5US0Dcn4NE4lbaxdMcW1ZkMugle6k/nogx8igvTwZr0W7k+ESe5BLKXNOEAx3GqeIqpUL0cus6qoMhrl1mFLfSDvqs+6ZzCEptKlh4lCexKtamlXYgjrf4YbXEVXNa9ThjHpyR6laex2WTDNo8bjTJED8a80j6lq8/8GUMzqyTSFwae1qPTyg0inRWS0tZOp9lUJBPeEmKCzFsGpmZZxX4yCy8qkoRm/GkJ2fC1BirBChUU4+aKoYxKXb/hbhWwY9sCFqN+xJIXLtAXALEdQyIS4C4jgFxEwJx7eLwP0t+2/kdrCwQFzgJxAVOAnGBk0Bc4CQQFzgJxAVOAnGBk0Bc4CQQd5Wod8OwO5z3OLWnMHyqW/4uyynusBcKf3JT1bt8Ta9mX6aFcXj5HIbPrZL6vnBBJB2F95W9Hlr36sYLZwnFla0NwzAMB5cPwhWX/lbF3dqT6csOe9qNTah3uZom4x9a968R3slZPnFrT1LKlkaDMAzvR4e0AYSoIFvejw4Xft0PL58X+7lmz2Irh9JoIFk+7PGbX7rO9m775RNXMJVdX3LRSd/HGiDqCp9bpWiv7jCSmx0hCmnlTpi3zWJ723o3HFw+0JtqUvfNT4Dswr4d/QqikbUnU5Ew7Jkqhx16hwufa77D7Ybu8okrt67Q9sQV0lRSOdGrcR2lP9oq1N1eTVmeF3KeyqGikxfOOZJDCkgh8CRl758H9Pbj5tW7po6FjLH4HSLf0tH25FAtRWWj3xB3TnEVd6P2ILI+t2qRo90RtzASl25MX0atEr1s6WE2HyQdxV5YLC53xKKiNBpIAcmdZrvwYlQa+MdEo6mm4ncCK654
内容总结
以上是互联网集市为您收集整理的sublimetext3将px换算为rem的插件的安装及使用全部内容,希望文章能够帮你解决sublimetext3将px换算为rem的插件的安装及使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。