помещение
Работа над веб-сайтом, который предоставляет контент в зависимости от устройства, на котором он просматривается. По сути есть 2 версии сайта:
- Версия для ПК и планшета
- Версия для мобильного телефона
«Версия для ПК и планшетов» обеспечивает более высокое качество изображений и другой метод навигации по сайту (представьте себе карты Google без масштабирования).
мобильная версия ограничивает эту «карту» вертикальной прокруткой.
в обеих версиях мета viewport установлена на width=device-width, initial-scale=1.0, user-scalable=no.
Эта проблема
Некоторые планшеты имеют действительно низкое сообщенное разрешение устройства. Пример: Samsung Galaxy Tab 7" сообщает о ширине устройства 663 пикселя в медиа-запросе. В то время как для "версии для ПК и планшета" требуется минимальная ширина 960 пикселей.
Это действительно просто большой телефон.
Одних медиа-запросов недостаточно для адаптации сайта. Сайт должен иметь фиксированную ширину, потому что карта похожа на природу.
Решением будет поставка "Телефонной версии" на эти планшеты. Но это нужно делать на стороне сервера.
Я использую банкомат PHP Mobile Detect. Можно было бы вручную добавить "большие телефонные планшеты" в список "телефонных". Болезненно, и я нигде не нахожу списка разрешений экрана планшетов, о которых сообщают css.
Есть где-нибудь такой список? Или есть даже поддерживаемая библиотека php, которая позволяет мне запрашивать размер экрана на стороне сервера (на основе сообщения UserAgent)?
Я также мог бы проверить размер экрана на стороне клиента и, при необходимости, исправить и отменить выбор сервера. Но я хотел бы избежать этого.
PS: Да. Я знаю, что это неполиткорректный подход к адаптивному дизайну, у меня не было выбора.
