本文主要是介绍webapp之设计尺寸转编码所设尺寸,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
<!--
设计PSD宽度为640px
前端开发用320PX宽度的 iPhone5调试
则设计的高度如果为 90PX 则前端使用时 height:4.5rem
计算规则为:90/2=45(得到320PX 下的宽度) 然后在除以 10得到 4.5rem
除以2的原因是 640(设计宽度)/ 320(调试宽度)=2
-->
设计PSD宽度为640px
前端开发用320PX宽度的 iPhone5调试
则设计的高度如果为 90PX 则前端使用时 height:4.5rem
计算规则为:90/2=45(得到320PX 下的宽度) 然后在除以 10得到 4.5rem
除以2的原因是 640(设计宽度)/ 320(调试宽度)=2
-->
<script type="text/javascript">
$(function() {
var jz_num;
offWidth = $(window).width();
jz_num = offWidth / 640;
$("html").css("font-size", jz_num * 20 + "px");
});
</script>
$(function() {
var jz_num;
offWidth = $(window).width();
jz_num = offWidth / 640;
$("html").css("font-size", jz_num * 20 + "px");
});
</script>
这篇关于webapp之设计尺寸转编码所设尺寸的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!