2013-12-05 5 views
4

У меня есть div с правосторонним свойством. Когда мой сайт будет уменьшен, размер div будет адаптироваться, но граница будет по-прежнему оставаться того же размера. Это приводит к тому, что div перемещается за пределы его родителя. Есть ли способ определить уровень масштабирования? Так что я могу изменить размер в зависимости от масштабирования. И если да, то как?Определить уровень масштабирования браузера

Заранее спасибо

+1

Возможный дубликат [Как определить уровень масштабирования страницы во всех современных браузерах?] (Http://stackoverflow.com/questions/1713771/how-to-detect-page-zoom-level-in-all- современные браузеры) – Huangism

+0

http://stackoverflow.com/questions/14870651/how-to-check-zoom-level-is-below-100-ctrl-and-in-each-browser это может вам помочь – Huangism

+0

Там является способом обнаружения уровня масштабирования, но это сложнее, чем кажется, и становится очень сложным при попытке перемещения элементов на основе масштабирования и т. д. – adeneo

ответ

0

Так как ваш border-width является 1px, вы не можете сжать ниже, так что я хотел бы предложить:

  • в случае изменения размера, проверьте, если браузер изменился масштаб используя метод, описанный here
  • установить border-width, чтобы 0px если уровень масштабирования находится под 100%
1
var zoom = window.outerWidth/window.document.documentElement.clientWidth 
+0

Не работает с FF; сообщает то же значение для 'window.outerWidth' и' window.document.documentElement.clientWidth' –

Смежные вопросы