Изменение размера изменяет положение моих разделов

Я создал базовые часы, используя только div (без изображений) и при смене стрелок часов разрывается и выключается, как показано здесь:

enter image description here                                         enter image description here

Почему это происходит? Может кто-то исправить это для меня? Это один файл без внешних файлов

Ответы

Ответ 1

Ничего себе, впечатляет. Я не уверен, что это квалифицируется как реальный ответ, но может привести вас в правильном направлении...

Вы имеете в виду, когда вы увеличиваете масштаб в браузере? У меня когда-то была проблема, которая, как оказалось, отличалась тем, что разные браузеры создают субпиксели. Это не совсем ваша проблема, но я думаю, что она очень похожа.

На этой странице описывается проблема: http://ejohn.org/blog/sub-pixel-problems-in-css/.

Я думаю, что это связано с тем, что если вы увеличите масштаб на своей странице, проблема исчезнет, ​​а затем вернется. Это то, как браузер выполняет рендеринг элементов, которые никогда не были предназначены для просмотра не более чем на 100%.

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

Мое предложение - не беспокойтесь об этом!

Ответ 2

Во-первых, WOW, это действительно потрясающе!

Я вижу, что это происходит как на firefox, так и на хроме. Когда я изменил верхний/нижний/левый/правый треугольники на 28-29 пикселей, он был лучше расположен.

Я думаю, что это связано с методом калибровки (или ошибкой изменения размера браузера), хотя я не думаю, что так происходит в обоих браузерах), вы пытались преобразовать "px" в "em", поскольку они 'предназначен для того, чтобы сохранить пропорции размеров лучше.