Кроссбраузерная Вёрстка

Question 1

Какие свойства лучше писать с вендорными префиксами?

Answer 1

Transition, transform, градиент, box-shadow а ещё лучше пользоваться автопрефиксером

Question 2

Как добавлять вендорные префиксы для кроссбрацзерности?

Answer 2

Используя автопрефиксер

Question 3

На чём стОит дополни ельно проверять медиа-запросы?

Answer 3

На эксплорере. КАК правило, там достаточно

изменить несколько % в ширине блока, убрать или уменьшить марджин, перевести в проценты или ещё какая ерунда

Question 4

Что делать, если для одного блока присутствует слишком мноо медиа-запросов почти на каждые 10 пикселей?

Answer 4

Иногда лучше отказаться от марджинов по сторонам такой колонки. При сворачивании пиксель-за-пикселем этот блок будет немного отличаться в размерах, но зато не будет скакать вниз-обратно. На практике это было по 8 пикселей марджина по сторонам

Question 5

Что нужно добавлять в хроме элементам, которым нужео задать :focus?

Answer 5

Нужно добавить “фокусируемому” элементу в HTML tabindex=”0”; причём именно 0, для любимого эксплорера

А для того, чтобы убрать обводку при клике, элементу с tabindex нужно задать св-во outline:0

Question 6

Как лучше задавать цвета для кроссбраузерности?

Answer 6

Не использовать RGB(a), эксплорер не осилит. для него писать либо в HEX (#fff), либо словами (white)

Question 7

Что делать с iframe’ами для мозиллы?

Answer 7

Добавить выоту, иначе она будет около 200 пикселей по дефолту

Question 8

Почему в эксплорере не работает слайдер

Answer 8

Возможно, нужно нажать на кнопочку “allow blocked content” в всплывающем веизу окне

Question 9

Как задавать фиксированный при прокрутке фон сайта, чтобы он масштабировался, а не растягивался, например, на андроиде?

Answer 9

1. Фон из тела перенести в корень
2. Корню задать высоту строго в%: 100%
3. Правилу background-size: cover добавить префиксы [-webkit-], [-moz-], [-o-], [-ms-].
4. При этом высота корня будет меньше содержимого, это косяк, но по-другому никак