JS-自制提速小工具:开发页面时需要按比例计算宽高值的快速计算器

Posted xing.org1^

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS-自制提速小工具:开发页面时需要按比例计算宽高值的快速计算器相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>

<meta charset="UTF-8">

<meta name="author" content"郭菊锋,[email protected]">
<title>开发页面时需要按比例计算宽高值得快速计算器</title>
</head>
<body>
<p id="jieguo"></p>
<script type="text/javascript">
window.onload = function(){
var x = window.prompt(‘请输入预计的长度是多少px‘);
document.getElementById(‘jieguo‘).innerHTML = Math.round(192 * x / 273) + "px";
//公式:宽高比例值是:192/273 所以,设定另一组比例值中的高时,得出宽的值 。把公式中192(代表宽)和273(代表高)换一下,就是求高的值了。
}
</script>
</body>
</html>
















以上是关于JS-自制提速小工具:开发页面时需要按比例计算宽高值的快速计算器的主要内容,如果未能解决你的问题,请参考以下文章

159微信小程序跨页面跨组件同步全局状态跨页面跨组件通讯方案,使用自制广播模块实现

html中怎么把图片按比例缩放在<span>里面

基于页面js的自制简易测试工具

利用css怎样实现宽和高的比例是1:1

小程序开发中遇到的问题

微信小程序用canvasToTempFilePath压缩图片,开发工具压缩正常而真机上比例失调