Храните страницу той же ширины на мобильных устройствах

Question

На моей странице я не использую настройки видового экрана. Я просто использую 25% left и right margin для всего содержимого страницы. Проблема в том, что когда я нахожу его с мобильного устройства, ширина совпадает с шириной экрана телефона и с 25% -ным запасом становится очень уродливой. Просто какой-то текст посередине.

Что я хочу сделать, сделать страницу не подходит для мобильного экрана. Я хочу сохранить его в том же размере. Как и большинство страниц.

Как я могу это сделать?

Answer 1

какое мобильное устройство вы пытаетесь заархивировать? 25% левое и правое поле очень относительное, на выборку: 25% -ная маржа в iphone выглядит в одном направлении. 25-процентная маржа в планшете выглядит совершенно другой.

вам нужно использовать CSS3 Media Queries

попробуйте прочитать о https://www.w3schools.com/css/css3_mediaqueries.asp

вы можете проверить в хроме с помощью: Тестовые Отзывчивый и устройств конкретного Видовые

https://developers.google.com/web/tools/chrome-devtools/device-mode/emulate-mobile-viewports

Я надеюсь, это может вам помочь.