Сохранять размер и положение элемента при масштабировании

Question

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

Я столкнулся с несколькими полезными свойствами css, трансформирует масштаб и преобразование-происхождение, но я не смог достичь своей цели. Масштаб не соответствует уровню масштабирования.

Может кто-нибудь дать мне несколько указателей.

var defaultScale = 1.0; 
var zoomLevel = document.documentElement.clientWidth/window.innerWidth; 
var scale = defaultScale - (zoomLevel - defaultScale); 

$('.popup-overlay').css('-webkit-transform', 'scale(' + scale + ')'); 

Answer 1

Когда появится всплывающее окно, можно измерить ширину окна браузера, и всплывающее окно, а затем сделать некоторые математику, чтобы установить процентную ширину всплывающего окна на экране. Процент должен поддерживаться при увеличении.

var popwidth = $('.popup-overlay').width(); 
var windowWidth = window.innerWidth; 
var popercentage = (parseInt(popwidth)/parseInt(windowWidth))*100; 
$('.popup-overlay').css('width',popercentage+'%');