Sublime Text中安裝插件來實(shí)現(xiàn)px與rem間的換算

1、sublime text2中安裝REM-PX插件來實(shí)現(xiàn)px與rem間的互換。

　　　　package control組件安裝。

　　　　1.1按ctrl+` 調(diào)出console

　　　　1.2粘貼以下代碼到底部命令行并回車:

　　　　import urllib2,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

　　　　1.3. 重啟Sublime Text 2。 

　　　　1.4. 如果在Perferences->package settings中看到package control這一項(xiàng)，則安裝成功。

　　如果這種方法不能安裝成功，可以到這里下載文件手動安裝。

　用Package Control安裝插件的方法：

1. 按下Ctrl+Shift+P調(diào)出命令面板

2. 輸入install 調(diào)出 Install Package 選項(xiàng)并回車，然后在列表中選中要安裝的插件。

　　這里選擇的是REM-PX插件，安裝完后，重啟sublime text就行了。

　　你可以通過PreFerences>Browser Packages下面的REM PX文件夾來查看相關(guān)的配置文件或修改配置文件，這里我先來說一下這個文件

　　該文件中默認(rèn)16px表示1rem，即要將以px為單位的值轉(zhuǎn)換為以rem為單位時(shí)，是直接除以16來計(jì)算的。這里具體得看你的根元素即html的font-size值是多少，你就將這個值設(shè)置多少即可。

　　這三個文件則是說明如何使用。

　　例如，要將以px為單位的值轉(zhuǎn)換為以rem為單位的時(shí)候，只需選中該值（注意：連同單位一起選中），然后時(shí)候Ctrl+shift+r即可轉(zhuǎn)換成以rem為單位的值，

　　同理，如需將以rem為單位的值轉(zhuǎn)換為以px為單位的值時(shí)，只需選中該值（注意：連同單位一起選中），然后使用Ctrl+shift+x即可轉(zhuǎn)換成以px為單位的值了。

　　2、在sublime text3中安裝C×××EM插件來實(shí)現(xiàn)px轉(zhuǎn)換為rem

　　具體實(shí)現(xiàn)看這里

　　這里我要說的一點(diǎn)是px轉(zhuǎn)換為rem的單位比例，該插件中默認(rèn)單位比例是40，即表示40px相當(dāng)于1rem，而我們?yōu)g覽器一般默認(rèn)html的font-size為16px，而我們也習(xí)慣性的將html的fong-size值設(shè)置為62.5%（即10/16*100%）即10px，這樣的話，在轉(zhuǎn)換的時(shí)候就比較好轉(zhuǎn)換了，直接將以px為單位的值除以10即可。因此我們在具體的實(shí)現(xiàn)時(shí)得看一下你html元素的font-size是多少，你便可以將轉(zhuǎn)換的單位比例改為多少。具體情況具體分析啦。