Почему Google Chrome менее точен при размещении элементов? - PullRequest
Новая
       16

Почему Google Chrome менее точен при размещении элементов?

4 голосов
/ 07 ноября 2010

Например, если я создаю блок из четырех изображений, которые расположены абсолютно с шириной 50% и высотой 50%, результат в Internet Explorer будет выглядеть следующим образом:
http://img716.imageshack.us/img716/8376/96774641.png
Изображения располагаются правильнорядом друг с другом, как и следовало ожидать.

Но тот же код в Chrome производит это:
http://img560.imageshack.us/img560/7976/chrome.png
Изображения немного уменьшены, чтобы освободить место для промежутков между ними.

Мои стили уже включают в себя:

border-style: none;
border-width: 0;
padding: 0;
margin: 0;

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

РЕДАКТИРОВАТЬ: <link removed>
Имейте в виду, что фактическая страница намного сложнее, с более чем 1000 <img> элементов.
Она будет загружаться медленно в любом браузере, которыйне ускоряется аппаратно.
Я подтвердил, что FireFox отображает его идентично IE8 с изображениями рядом друг с другом, как и должно быть.

Ответы [ 3 ]

8 голосов
/ 07 ноября 2010

Это может быть проблема округления: например, ширина 50% может в конечном итоге составить 223.5px.

Если вы используете изображения с фиксированным размером, почему бы не указать позиции в пикселях?

4 голосов
/ 07 ноября 2010

Используете ли вы сброс CSS?Стили браузера по умолчанию могут вызывать раздражающие проблемы, такие как абзацы с различной высотой верхнего поля или другие особенности макета.Этот конкретный случай может быть не исправлен с помощью сброса CSS, но это исключит возможность.

К сожалению, опция CSS3 для установки масштаба фонового изображения пока недоступна каким-либо надежным способом, или вы можете установитьИзображение в качестве повторяющегося фонового изображения масштабируется до 50%, что, конечно, не будет иметь пропусков.Скорее всего, это не будет долгое время.

3 голосов
/ 07 ноября 2010

Вы пытались использовать Инспектор (щелкните правой кнопкой мыши на изображении, выберите Проверка элемента ), чтобы отследить, откуда исходит этот интервал?

...