CSS 将百分比转换为像素

Question

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

Answer 1

您可以使用 javascript 来完成。您获取元素当前宽度的宽度，然后将该宽度设置为元素。

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

这将返回以像素为单位的宽度，您将“px”附加到返回的数值然后你可以设置如下

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

您可以在开始时立即固定文档的宽度

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