Параметры сброса CSS для HTML-макета CSS5 и пользовательского интерфейса jQuery - PullRequest
Новая
       10

Параметры сброса CSS для HTML-макета CSS5 и пользовательского интерфейса jQuery

0 голосов
/ 09 сентября 2011

Я использую ASP.NET MVC 3.0 HTML-макет CSS5 (поставляется с обновлениями для инструментов) и также часто использую jquery ui.

Во всех современных браузерах все выглядит примерно одинаково. Но когда я начинаю смотреть на старые версии IE, я очень расстраиваюсь, макет сайта просто ломается. У меня <ul> меню inline-block, но в старом, то есть оно не поддерживается, поэтому я обнаружил одно исправление IE7 не понимает отображение: inline-block : 

/* For IE 7 */
zoom: 1;
*display: inline;

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

Также я нашел исправление, как добавить поддержку скругленных углов css в старых браузерах IE с CSS3Pie, но это все еще требует некоторого обхода, потому что если элемент с закругленными углами имеет поля, CSS3Pie игнорирует их Значения полей CSS3Pie устанавливаются в ноль .

Также я использую HTML-тег <button>, но в старом IE они просто отстой. Я задал этот вопрос до того, как jQUery ui застегнул некоторые проблемы в IE7 , и один из ответов был на использование Css rest.

После того, как я гуглил, обнаружил, что их довольно много:

http://meyerweb.com/eric/thoughts/2011/01/03/reset-revisited/

http://html5doctor.com/html-5-reset-stylesheet/

http://necolas.github.com/normalize.css/

... и даже больше, но это выглядит довольно популярно.

Так и мой вопрос: какой CSS reset лучше выбрать в моем случае? Я использую ASP.NET MVC 3.0 Html5 css layout + jquery-ui. Также, глядя на ASP.NET MVC 3.0 Html5 css layout, я мог бы сказать, что в нем есть некоторый сброс css, или это действительно не сброс css или, по крайней мере, может быть, этого недостаточно?

p.s

На самом деле интернет должен запретить IE7, потому что он нарушает красивые макеты.

1 Ответ

0 голосов
/ 13 сентября 2011

Вам лучше использовать HTML5Boilerplate, который поставляется с нормализованным сбросом CSS, и как только вы добавите JQuery UI, он будет работать поверх существующих возможностей браузера. Я не тестировал IE7 или ниже, но я предпочитаю сообщать пользователю, что браузер устарел, и ему необходимо обновить веб-сайт или продолжить просмотр, и это может снизить их эффективность по сравнению с последними браузерами. На этом этапе всегда помогали значок и ссылка на Chrome, Firefox и IE9.

В любом случае, ответом на ваш вопрос является использование HTML5Boilerplate. Ищите Normalize CSS или HTML5Boilerplate, и вы увидите, что он работает в значительной степени. Объедините ваш поиск с MVC3, и вы найдете целый проект MVC3 на Github, который вы можете использовать в качестве отправной точки.

...