Я создал базовые часы, используя только div (без изображений) и при смене стрелок часов разрывается и выключается, как показано здесь:
Почему это происходит? Может кто-то исправить это для меня? Это один файл без внешних файлов
Ничего себе, впечатляет. Я не уверен, что это квалифицируется как реальный ответ, но может привести вас в правильном направлении...
Вы имеете в виду, когда вы увеличиваете масштаб в браузере? У меня когда-то была проблема, которая, как оказалось, отличалась тем, что разные браузеры создают субпиксели. Это не совсем ваша проблема, но я думаю, что она очень похожа.
На этой странице описывается проблема: http://ejohn.org/blog/sub-pixel-problems-in-css/.
Я думаю, что это связано с тем, что если вы увеличите масштаб на своей странице, проблема исчезнет, а затем вернется. Это то, как браузер выполняет рендеринг элементов, которые никогда не были предназначены для просмотра не более чем на 100%.
Вы тоже заметите, что если вы уменьшите масштаб, проблема будет такой же.
Мое предложение - не беспокойтесь об этом!
Во-первых, WOW, это действительно потрясающе!
Я вижу, что это происходит как на firefox, так и на хроме. Когда я изменил верхний/нижний/левый/правый треугольники на 28-29 пикселей, он был лучше расположен.
Я думаю, что это связано с методом калибровки (или ошибкой изменения размера браузера), хотя я не думаю, что так происходит в обоих браузерах), вы пытались преобразовать "px" в "em", поскольку они 'предназначен для того, чтобы сохранить пропорции размеров лучше.