2015-08-24 2 views
1

Привет, я получил эту проблему, я получил сайт, который на 100% -ном увеличении выглядит нормально, но когда я увеличиваю до 110% + границы, начинает действовать странно. На некоторых границах толщина получается 2x его фактического размера, а некоторые из них деформированы.Толщина рамки HTML при масштабировании

Here is the first example

enter image description here

Кто знает, что может привести к этому? Когда я проверяю значения на них, они остаются неизменными на 1px, но они отображаются как 2px.

Благодарим за помощь.

+1

Можете ли вы показать нам код? –

+0

Для тех вертикальных линий, в которых используется тег


, и есть некоторые стили hr { border-top: 1px solid rgb (192,192,192); } ничего необычного. – Mitre

+0

К сожалению, это не связано с кодом, это часть движка браузера. – lharby

ответ

4

его из-за браузера, при использовании масштабирования в браузере он будет отображать только то, как это будет выглядеть при выбранном уровне масштабирования, поэтому, если у вас есть граница 1px на 110%, это граница 1.1px. Поскольку вы не можете показать только часть пикселя, он отобразит либо 1px, либо 2px

+1

Хорошо, но почему его затрагивает только некоторые границы или часть его, а не каждую строку? – Mitre

+1

ну, это как-то связано с тем, что браузер решает, когда показывать субпиксель или нет, даже разные браузеры показывают подпиксели по-разному, вы можете попробовать установить границу на «0.1px», тогда ff покажет, что 1px даже увеличен, но хром не покажет его вообще –

0

следующее, что @pepo_rasta говорит о пикселях, которые я бы рекомендовал не использовать их вообще. Я бы рекомендовал эм или какое-либо другое относительное единство, чтобы сделать свои границы в течение

масштабируемости

взглянуть на этой

ems v px

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