Преобразование CSS в пиксель

Question

Я знаю, что мой вопрос может показаться странным, но мне было интересно, есть ли способ конвертировать процент CSS в пиксели. Моя цель состоит в том, чтобы рассчитать ширину и высоту с процентными значениями, но не изменять их при изменении размера экрана. Если есть еще один способ достичь моей цели, я был бы рад это услышать.

Answer 1

вы можете сделать это с помощью javascript. вы получаете ширину текущей ширины элемента, а затем устанавливаете эту ширину для элемента.

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

это возвращает ширину в пикселях, и вы добавите «точки» в возвращаемом числовое значение , а затем вы можете установить его, как показано ниже

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

Вы можете установить ширину документа на один раз в самом начале

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