Проблема с видом на мобильные устройства

Question

У меня проблема, которую я изо всех сил пытаюсь преодолеть. Я развернул свой сайт и заметил, что логика просмотра закрыта для браузера STOCK на Android-устройстве. Браузер Chrome на одном устройстве Android работает. Кроме того, iphone6 ​​работает, но iphone5 не делает. Я динамически определяю значения видового экрана в зависимости от ширины экрана.

Вот тестовая версия сайта: http://spaniard.ca/workVersions/beta/index.html

Я не могу изменить дизайн и макет, а сайт должен быть сосредоточен в середине, как сейчас.

Кто-нибудь знает, почему на браузере Android в Android это не сработает, но на хром на одном устройстве было бы?

что-нибудь поможет, спасибо!

Answer 1

У вас было бы легче выполнять гибкий макет, если образ героя был фактическим тегом img вместо фонового изображения. Вы можете получить фоновое изображение не быть обрезаны, добавив CSS:

background-size:contain; 

На стороне записки, вы должны убедиться, что содержащие элементы внутри статьёй, что-это-испанка имеют ширину в процентах.

EDIT: Из того, что я видел, это не проблема браузеров, просто не хватает правильного кода