如何计算像素大小作为缩放百分比
How to calculate pixel size as a zoom percentage
我有以下情况,虽然我对编码很好,但我在数学上很挣扎,哈哈。
我有一个500像素宽的div。Jquery已加载。
我将检查浏览器宽度并将其存储在一个名为bwidth的javascript变量中。
如果bwidth小于500px (div的宽度),那么我想使用css缩放来调整div的大小(出于各种原因,包括div的内容)。
所有这些都很容易做代码明智,但我试图找出的是计算缩放百分比应该是什么,使500px宽度的div实际上适合一个浏览器窗口,这是bwdth像素宽的算法。
我不担心身高。
那么,假设bwidth是250px -我知道我需要50%的缩放,但只是因为我知道250是500的一半哈哈!我如何用程序计算50%呢?
如果bwidth是325px呢?如何计算正确的变焦?
提前感谢您的帮助
试一下
var zoom=100/(500/bwidth)
例如<script>
var zoom=100/(500/bwidth)
console.log(zoom+"%")
</script>
相关文章:
- 更改高贴图的缩放级别
- 在不阻止默认行为的情况下检测IE10中的缩放
- 单击超链接时,如何使用Google Maps API v3缩放地图
- 缩放Raphael/SVG容器以适应所有内容
- 传单缩放控制位置错误
- 在不移动内部文本的情况下缩放元素的效果
- 调整缩放窗口高度提升缩放
- 计算CSS3缩放框在另一个框中的最高位置
- D3.JS向rect添加缩放和列表项
- 当我在节点上拖动鼠标时,我如何防止使用d3.ehavior.zoom().on(“缩放”,重绘)
- 将直流图表库中的折线图缩放限制为小时
- 为什么缩放按钮不会显示在照片擦除中
- 动态设置谷歌地图缩放
- 如何缩放像图像一样的元素
- 使用KineticJS变换(移动/缩放/旋转)形状
- 在手机上缩小/缩放滚动图像
- 将时间缩放添加到折线图(Chart.js)
- 当涉及css缩放时,如何获得页面上的点击位置
- HTML 缩放元素,其尺寸以百分比定义,就像以像素定义一样
- 如何计算像素大小作为缩放百分比