Git Product home page Git Product logo

cssrem's Introduction

CSSREM

一个CSS的px值转rem值的Sublime Text 3自动完成插件。

插件效果如下:

效果演示图

安装
  • 下载本项目,比如:git clone https://github.com/flashlizi/cssrem
  • 进入packages目录:Sublime Text -> Preferences -> Browse Packages...
  • 复制下载的cssrem目录到刚才的packges目录里。
  • 重启Sublime Text。
配置参数

参数配置文件:Sublime Text -> Preferences -> Package Settings -> cssrem

  • px_to_rem - px转rem的单位比例,默认为40。
  • max_rem_fraction_length - px转rem的小数部分的最大长度。默认为6。
  • available_file_types - 启用此插件的文件类型。默认为:[".css", ".less", ".sass"]。

cssrem's People

Contributors

flashlizi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cssrem's Issues

mac貌似用不了

osx el capitan 10.11.3, sublime text 3 3083和最新的3103都用不了哦

插件不生效解决方法.

相信很多同学是直接从github下载的安装包,然后直接啦到package目录里面,但是发现插件不生效。

解决方法:把文件夹名字cssrem-master 改成 cssrem 就可以了。 希望能帮助到你们。

插件在写PC页面的时候怎么样才能暂时关闭?

首先插件很好用,感谢作者。
求助如题,在有时候做PC页面时,并不需要REM,这时候希望插件暂时关闭,但没找到办法。平时用的插件需要这么设置的情况不多,难道sublime默认就支持关闭插件?

没有用的可能是这个原因

#21 👍 补充
available_file_types - 启用此插件的文件类型。默认为:[".css", ".less", ".sass"]。
请确定你编辑的文件类型是否包含在内,没有修改即可

rem

;(function(){
var win = window, docElem = document.documentElement, timeoutId;

setRem();
docElem.setAttribute('data-dpr', win.devicePixelRatio);
win.addEventListener('resize', delaySetRem, false);
win.addEventListener('pageshow', function(e){
e.persisted && delaySetRem();
}, false);

function delaySetRem(){
clearTimeout(timeoutId);
timeoutId = setTimeout(setRem, 300);
}

function setRem(){
win.rem = docElem.getBoundingClientRect().width / 10;
docElem.style.fontSize = win.rem + 'px';
}
})();

webStrom

这个插件有没有webStorm的呢

sublime Text3 不生效

按照教程安装好,不顶用。注意到有人提到cssrem-master和后缀的问题,但我的问题不涉及到。

px_to_rem值的定义

px_to_rem - px转rem的单位比例,默认为40,这个值应该通过什么来定义呢,比如我现在拿到的设计稿是640px,那我的px_to_rem应该设置成多少?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.