CSS - Box Model - работает только в Chrome

После создания простой компоновки жидкостей с помощью css Bootstrap я заметил, что макет не выравнивается с правой стороны на в каждом браузере, кроме Chrome.CSS - Box Model - работает только в Chrome

Посмотрите на это jsFiddle: http://jsfiddle.net/47JND/5/ на, например, firefox или IE9.

Вы заметите это:

enter image description here

Это только о разнице между 1px Chrome (см ниже):

enter image description here

Обратите также внимание, что я использую следующие размеры:

box-sizing: border-box; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;

Есть что-то, что мне не хватает? Я пробовал все, что мог придумать, чтобы выяснить, что вызывает это!

источник

2013-02-18 Raphael Rafatpanah

Красный круг почти затрудняет замещение пропусков. В следующий раз я сделаю это больше. – madth3

Проблема в том, что это увеличение в Photoshop. Больше масштабирования, и вы увидите меньше. –

Работает отлично во всех версиях IE ... –

Слишком уверен, что это проблема подпиксельного рендеринга. Ширина округляется до ближайшего пикселя, что делает их различной шириной в зависимости от ширины родительского элемента.

Im видя перекрытие 1 пикселя на Chrome тоже.

источник

2013-02-18 18:38:36 robjtede

Я думаю, что вы правы, так как я изменил размер браузера Firefox, и он хорошо выстроился. То же самое для IE. Я ценю помощь! –

CSS - Box Model - работает только в Chrome

ответ

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