сделать рендеринг сайта совместимым со всеми браузерами, зависит только от CSS или X / HTML играет какую-то роль?

Question

Если CSS является единственным фактором, то что в css должно быть нашей привычкой, чтобы сделать сайт совместимым в браузере All A grader.

Firefox, Safari, IE 6, IE 7, IE 8

Можем ли мы избежать необходимости использования условного CSS для IE?

Answer 1

Будут случаи, когда некоторые браузеры не работают в соответствии со стандартами W3C. В случае IE условные комментарии допускают аккуратную инкапсуляцию CSS, предназначенную только для этих браузеров.

Я не думаю, что было бы желательно избегать использования условных комментариев, потому что альтернатива предполагает использование хаков для таргетинга на конкретный браузер. Взломы (такие как «взлом звезды») могут быть неработоспособны в будущем, и на них нельзя полагаться.

Скрипт сброса CSS очень полезен, потому что он создает отправную точку по умолчанию для вашего пользовательского CSS.

Несмотря на то, что использование сценария сброса может помочь устранить многие несоответствия между браузерами, это не устранит необходимость в конкретном CSS, предназначенном исключительно для IE6 или IE7.

Answer 2

Да, это зависит от сложности.

Если вам нужна рука помощи, вы можете использовать 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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

Answer 3

Я не уверен, какую "вещь" вы хотите с точки зрения CSS для достижения кросс-браузерной совместимости, но, безусловно, возможно достичь этого без условных тегов IE. Если мне придется использовать их, я не могу не чувствовать, что потерпел неудачу.