我知道我的问题听起来很奇怪,但我想知道是否有将CSS百分比转换为像素的方法。我的目标是用百分比值计算宽度和高度,但在屏幕调整大小时不会改变它们。如果有另一种方式来实现我的目标,我会很高兴听到它。CSS将百分比转换为像素
0
A
回答
1
你可以使用javascript来做到这一点。 你得到元素的当前宽度的宽度,然后将该宽度设置为元素。
var wid = document.getElementById("mydiv").offsetWidth;
wid+="px"
此返回以像素为单位的宽度,并且您追加“PX”返回的数值 ,然后就可以将其设置为低于
getElementById("mydiv").setAttribute("style",'width:wid');
可以修复的文件的在宽度曾经在beggining
$(document).ready(function() { var screenWidth = $(window).width(); $('html,body').css('width', screenWidth + 'px'); });
相关问题
- 1. CSS vw和百分比值转换为像素值
- 2. CSS百分比和像素
- 3. 从百分比转换宽度像素
- 4. 将TR的自动高度转换为像素或百分比
- 5. 将百分比转换为窗口高度的像素
- 6. 如何将像素转换为html中的百分比度量?
- 7. 在JavaScript或JQuery中将百分比值转换为像素
- 8. 将百分比数转换为marginTop动画像素值
- 9. 将像素转换为大显示器的百分比
- 10. jq-如何将像素值转换为百分比?
- 11. 使用javascript将像素转换为百分比
- 12. 如何将底部参数的百分比转换为像素CSS?
- 13. 将差异转换为百分比
- 14. SSIS将百分比转换为小数
- 15. 将标记转换为百分比
- 16. 将整数转换为百分比
- 17. 将字节转换为百分比
- 18. PHP:将数字转换为百分比
- 19. 将百分比转换为十进制
- 20. CSS宽度:X百分比+/- Y像素
- 21. CSS - 百分比还是像素?
- 22. 将像素转换为网页中所有元素的百分比
- 23. 将静态布局转换为%百分比布局使用css
- 24. TranslateZ百分比CSS 3D转换的
- 25. 获取元素的CSS宽度并将其转换为百分比
- 26. 元素的百分比--Css
- 27. 将像素过渡到百分比
- 28. LESS plus百分比像素
- 29. 如何将浮点百分比值转换为整数百分比?
- 30. Excel百分比转换
取决于您的标记,我会说。例如,如果你有一个固定宽度为1000px的容器,并且'position:relative'这个容器的一个子元素,我们说'width:20%'的宽度总是200px。 – lexith 2014-09-13 16:29:35
这是真的。它会工作来创建一个容器并使用javascript设置像素宽度/高度,然后用百分比来设置其中的所有内容? – zfollette 2014-09-13 16:32:28
你想要达到的究竟是什么? – lexith 2014-09-13 16:34:58