У меня проблема с этой страницей. Я разработал его в Firefox с уровнем масштабирования по умолчанию. Какой я идиот, я не проверял это на Chrome. Итак, теперь я вижу, что макет страницы и/или размер шрифта различаются в Chrome и других браузерах на основе Webkit. Уровень масштабирования Chrome по умолчанию составляет 75 %, поэтому в Chrome все меньше. Я должен сказать, что я создал дюжину веб-приложений, но сосредоточился на серверной части приложения и никогда не задумывался о том, как страница выглядит в разных браузерах.
Я имею в виду, что у меня есть, если нужно было решить проблему кросс-браузерного JavaScript, но с этим я никогда не сталкивался.
Что я считаю неправильным, так это размер шрифта. У меня есть #main-wrap, который оборачивает все приложение и имеет базовый размер шрифта 16 пикселей. Итак, #navigation a имеет размер 0,7em, потому что в этом случае он выглядит нормально в Firefox, но выглядит очень маленьким в Chrome.
Может ли кто-нибудь опубликовать несколько советов или подсказок, как это происходит?
РЕДАКТИРОВАТЬ:
Я устранил проблему с помощью
zoom: 1.29;
-moz-transform: scale(1);
-moz-transform-origin: 0 0;
< /code>
И это работает, но, как я знаю, это хорошо сделать так. Есть ли техника CSS, страницы выглядят одинаково в браузерах?
Подробнее здесь: https://stackoverflow.com/questions/258 ... fault-zoom
