Никита Полевой, «считаете приемлемым для production». Если принять, что требования к кроссбраузерности у заказчиков примерно похожи. Конкретизирую, когда вы начали (поняли, что время пришло) использовать флекс-боксы, линейные градиенты? При каких условиях будете использовать гриды?
Такая бизнес-логика подходит, если вы занимаетесь "продуктовой версткой". А если мы верстаем шаблон, который будет использоваться множеством сайтов с разной целевой аудиторией, тут другие критерии и ориентир на глобальную статистику использования браузеров.
Поправила первый ответ. А зачем вам 1000 шаблонов? Ваш участок кода выводит кусок конкретной страницы, независимо от того, какой id имеет текущая. Обычно контент текущей страницы/поста выводят в loop-цикле.
sinevik, можно использовать другой тип элементов (display: block) или явно задавать другой тип вертикального выравнивания (например, vertical-align: top) для блочно-строчных элементов.
У меня это автоматизировано, самописный инструмент автоматом наполняет блоки контентом, делает скрины через определенные интервалы (добавляет больше текста, длинные слова) и тестирует это на разных размерах вьюпорта, чекает отступы до блоков-соседей, проверяет чтобы за границы блока контент не выпадал, горизонтальный скролл не появлялся. Раньше вручную тестировала: самые важные блоки (первый экран, меню, формы…) — в инспекторе браузера дописываем по паре строк/абзацев текста в блок, включаем адаптивный режим — ничего ли ни развалилось?
Антон Гук, у меня в практике типично, когда дизайнер отдает под верстку макет с шириной контентной области 960–1000px (сам макет может быть шире — 1170, 1280). И договаривает, что на фулл-скринах центруем (чаще всего) или добавляем справа/слева колонку.
По рунет-статистике самые ходовые разрешения: 640x480, 1366x768, 1920x1080. На деле, большой разброс, надо учитывать конкретный случай и конкретную аудиторию. В моей последней верстке (инфосайт с сео-трафиком из Гугла) — 70% мобильных юзеров, 25% десктопных.
Вам нужно узнать размер и фактическое разрешение вьюпорта (количество css-пикселей, а не физических пикселей) вашего моб.устройства, это значение устанавливает производитель. Распространенные варианты можно посмотреть на: mydevice.io/devices/ или viewportsizes.com. И уже под размер вьюпорта делать медиа-запросы.
М@Sergey_Afonin, медиазапросами перестроить width-блоков из px в %, добавить min/max-width. Смотрим как заданные в процентах блоки будут вести себя на разных разрешениях и проставляем контрольные точки.
CURLOPT_COOKIE — это явнозаданная кука для запроса и если она задана, то CURLOPT_COOKIEFILE и CURLOPT_COOKIEJAR игнорируются, а автоподмена куки исходя из ответа сервера не происходит. Используйте CURLOPT_COOKIEFILE & CURLOPT_COOKIEJAR и пропишите вашу куку в файле "test_cookie.txt" (в формате curl cookie файла).
snap44, ошибочно думала, что от родителя, а если родитель явно не указан, то от окна браузера. На деле, height: 100% работает, когда у родителя явно задана высота.
