Мобильные CSS лучшие практики - PullRequest
Новая
       5

Мобильные CSS лучшие практики

4 голосов
/ 18 ноября 2011

Какие стили я должен переопределить / сбросить в мобильном Интернете?Существуют ли какие-либо шаблоны, аналогичные настольной сети, когда вы устанавливаете margin: 0; padding: 0; для любого элемента с самого начала?Есть ли какие-либо последствия, если я сбросил слишком много стилей / элементов?

1 Ответ

6 голосов
/ 18 ноября 2011

Если вы действительно хотите сбросить: В блоге Carrer есть один : (github) 

/* CSS Mobile Reset */
html, body
{
 margin: 0;
 padding: 0; 
 border: 0;
}

body 
{
 font-family:Arial,  sans-serif;
 line-height:1.5;
 font-size:16px;
 background: #fff;
 padding:5px;
 color: #000;
 word-wrap: break-word;
 -webkit-text-size-adjust: none;
}

h1, h2, h3, h4, h5, h6{ font-weight: normal; }

p img { float: left; margin: 0 10px 5px 0; padding: 0; }

img { border: 0; max-width: 100%; }

table { width:auto; border-collapse: collapse;border-spacing: 0; }

Должен прочитать ТАК сообщение по этому вопросу. От Harpo:

Насколько сильно вы верите в сброс CSS для рабочего стола?

Я склонен согласиться сте, кто утверждает, что сброс CSS слишком сложен (вы когда-нибудь читали его? Я никогда не слышал о некоторых из этих элементов), и что в конечном итоге созданные вручную правила, основанные на ваших реальных потребностях, будут наиболее предсказуемыми и эффективными.

Мобильная платформа делает пропускную способность еще более ценной.Я думаю, поэтому ты спрашиваешь.Я бы сказал, сделайте стандартный сброс до того, что вам действительно нужно.

Если вы в Boilerplate: есть опция для мобильных устройств.

Возможно, вы захотите добавить некоторые его функции к своим, даже если вы не используете шаблон.

...