Другой стиль в Chrome и IE11

Question

Другой стиль в Chrome и IE11

0

У меня очень неприятная проблема. Chrome и IE интерпретируют таблицу стилей по-разному. Иногда разница похожа на 5-10px (не проблема), но иногда 100-200px.

Дело в том, что я использую z-index и position:relative это влияет?

Я пробовал все: разные таблицы стилей для IE, используя get navigator (или что-то в этом роде, не помню сейчас), комментарии только для IE. ничего не помогло.

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

yamahamm 17 фев. 2014, в 10:04

Источник

0

Большую часть времени это будет происходить из-за различных отступов браузера по умолчанию / полей для определенных элементов. Вы используете сброс CSS? У вас есть пример, который вы можете выделить и опубликовать в одном из этих случаев?
MLeFevre 17 фев. 2014, в 08:55
0

Используете ли вы какой-то король "перезагрузки" CSS. Вы можете попробовать с Normalize.css: necolas.github.io/normalize.css
Donnie Rock 17 фев. 2014, в 08:59

Теги:

html

css

2 ответа

Ещё вопросы

Большую часть времени это будет происходить из-за различных отступов браузера по умолчанию / полей для определенных элементов. Вы используете сброс CSS? У вас есть пример, который вы можете выделить и опубликовать в одном из этих случаев?
Используете ли вы какой-то король "перезагрузки" CSS. Вы можете попробовать с Normalize.css: necolas.github.io/normalize.css

Ankur Aggarwal · Answer 1 · 2014-02-17T06-47-00.000Z

Поскольку у всех браузеров есть свой собственный способ реализации CSS, всегда полезно добавить default css, который переопределит их существующий характер и принесет все на том же уровне. Добавьте reset.css наверху

reset.css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

этот код полностью испортил стиль

Mackan · Answer 2 · 2014-02-17T06-44-00.000Z

Недавно у меня была аналогичная проблема, и я получил подсказку использования "overflow: hidden" на объектах, которые могут вызвать переполнение. IE был добрее в этом отношении, позволяя объектам течь даже тогда, когда здесь были "столкновения", но я думаю, что Chrome был более правильным.

Это фиксировало проблемы для меня, поэтому это может стоить того.