Files
2023-03-21 15:26:43 +08:00

6 lines
4.7 KiB
HTML

<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /><title>{$my.Think.config.web.px2rem.title}</title><meta name="applicable-device" content="pc,mobile" /><meta http-equiv="Cache-Control" content="no-transform" /><meta http-equiv="Cache-Control" content="no-siteapp" /><meta name="keywords" content="{$my.Think.config.web.px2rem.keywords}" /><meta name="description" content="{$my.Think.config.web.px2rem.description}" /><meta name="renderer" content="webkit" /><meta name="apple-mobile-web-app-capable" content="yes" /><link rel="icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon" /><link href="/static/style/bootstrap.min.css" rel="stylesheet" type="text/css" /><link href="/static/style/tool.css" rel="stylesheet" type="text/css" /><!--[if lt IE 9]><script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script><script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script><![endif]-->{:$my.Think.config.web.header}</head><body>{include file="header" /}
<div class="container"><div class="row"><div class="col-md-12 col10main"><div class="accordion" id="accordion2"><div class="accordion-group"><!-- <div><a href="https://www.aliyun.com/minisite/goods?userCode=eaborev5" target="_blank" rel="nofollow"><img src="http://zxgj.16400.cn/static/images/ali.jpg"></a></div> -->
<ul class="nav nav-tabs hbflag"><li role="presentation"><a href="/checkweixin/">微信域名检测工具</a></li><li role="presentation"><a href="/htaccess2nginx/">htaccess转nginx</a></li><li role="presentation"><a href="/shortcut/">生成桌面快捷方式</a></li><li role="presentation" class="active"><a href="/px2rem/">rem与px转换工具</a></li><li role="presentation"><a href="/favicon/">在线制作ico图标</a></li><li role="presentation"><a href="/createmeta/">生成网页Meta标签</a></li><li role="presentation"><a href="/refresh/">在线定时刷新网址</a></li><li role="presentation" class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;" role="button" aria-haspopup="true" aria-expanded="false">更多工具<span class="caret"> </span></a><ul class="dropdown-menu"><li role="presentation"><a href="/tiaoseban/">在线调色板</a></li><li role="presentation"><a href="/gzip/">网站Gzip压缩检测</a></li><li role="presentation"><a href="/checkurl/">网站死链检测</a></li><li role="presentation"><a href="/whois/"> Whois查询工具</a></li><li role="presentation"><a href="/chaicp/">ICP网站备案查询</a></li><li role="presentation"><a href="/chameta/">Meta标签优化分析</a></li><li role="presentation"><a href="/checkkeyword/">网页关键词密度检测</a></li><li role="presentation"><a href="/webstatus/">HTTP状态码查询</a></li></ul></li></ul><div class="panel"><form id="form1" class="form-horizontal" method="post"><div class="form-group"><div class="col-sm-12"><textarea class="form-control" id="content" name="content" rows="10" placeholder="输入要转换的CSS代码"></textarea></div></div><div class="form-group"><div class="col-sm-12 text-center"><input id="chkIgnoreBorder" type="checkbox" checked="checked"><label for="chkIgnoreBorder" class="lblNormal">不处理border </label>&nbsp;&nbsp;&nbsp;&nbsp;<span>1Rem = </span><input id="txtRemIntalize" type="text" class="form-control" style="width:45px;display:inline-block;" value="16" /><span> px</span>&nbsp;&nbsp;<input class="btn btn-success" id="btnToRem" type="button" value="转换"><span id="copyallcode" class="btn btn-default" data-clipboard-target="#result">复制</span> <input class="btn btn-default" onclick="ClearAll();" type="button" value="清空"></div></div><div class="form-group"><div class="col-sm-12"><pre><code id="result"></code></pre></div></div></form></div></div><div class="alert alert alert-success alert-dismissible"><h4>rem与px转换工具</h4><p>rem与px都是css样式单位,通常px是我们比较熟悉的单位,所以根据设计稿转换rem的话,一般都需要根据html的设置的px字号来转换,本工具可以实现rem与px之间的转换。</p></div> <div class="accordion-group"> </div></div></div></div></div><script src="/static/script/jquery-1.11.3.min.js" type="text/javascript"></script><script src="/static/script/bootstrap.min.js" type="text/javascript"></script><script src="/static/script/tool.js" type="text/javascript"></script><script src="/static/script/hightout.js" type="text/javascript"></script><script src="/static/script/cssformat.js" type="text/javascript"></script><script src="/static/script/pcjs/rem.js"></script>{include file="nav" /}
{include file="link" /}
{include file="footer" /}
</body></html>