CSS将百分比转换为像素

Question

我知道我的问题可能听起来很奇怪，但我想知道是否有办法将CSS百分比转换为像素。我的目标是使用百分比值计算宽度和高度，但在调整屏幕大小时不要更改它们。如果有另一种方法可以实现我的目标，我会很高兴听到它。

Answer 1

你可以使用javascript来做到这一点。 获得元素当前宽度的宽度，然后将该宽度设置为元素。

var wid = document.getElementById("mydiv").offsetWidth;
wid+="px"

这将返回以像素为单位的宽度，并附加＆＃34; px＆＃34;到返回的数值 然后你可以将其设置如下

getElementById("mydiv").setAttribute("style",'width:wid');

您可以在开始

中立即修复文档的宽度

$(document).ready(function() { var screenWidth = $(window).width(); $('html,body').css('width', screenWidth + 'px'); });