Верстка под ipad

Standard

Меняю верстку сайту, при работе с ipad выплывает много тонкостей:

  1. Телефоны на ipad отображаются синим цветом, как ссылки. => добавьте <meta name=»format-detection» content=»telephone=no» />
  2. Input и submit кнопки закруглены, хотя по стилям так быть не должно. Задайте правило => input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    }
  3. Для div`ов бывают артифакты в виде серых полос по краям (border). Добавьте <meta name=»viewport» content=»initial-scale=1, maximum-scale=3″>

Правила для верстки

Standard

Нашел у себя в записях.

  1. Кроссбраузерность (Сайт должен нормально работать в IE8-IE10, FF3+, Opera9+, Safari4+, Chrome 4+
  2. Всегда описывайте цвет фона для body даже если он белый
  3. Если используете хаки CSS, комментируйте, что это и для какого браузера.
  4. Названия классов и id должны соответствовать своему применению по смыслу
  5. Разделять основные блоки html комментариями <!—BEGIN FOOTER—> <!—END FOOTER—>
  6. Не пренебрегайте испольовать PNG 8 бит с альфа-каналом вместо PNG — 24