Изменение гибкого сайта на две фиксированные точки останова в Susy 2

Я создал гибкий сайт для клиента, используя Susy 2/breakpoint. Однако они хотят изменить сайт, чтобы отображать макет для мобильных устройств менее 320 пикселей, а затем уменьшить масштаб рабочего стола (например, загрузить сайт с фиксированной шириной) на любом устройстве выше 321 пикселей.

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


responsive-design susy-compass susy-sass
person user2852784    schedule 22.07.2014    source источник
comment
можно ссылку на сайт?   -  person Sudheer    schedule 22.07.2014
comment
Извините, это тестируется: Тестовый сайт По сути, у клиента есть представление с разрешением 320 пикселей, которое он хочет сохранить. для мобильного. Затем на размерах выше, которые показывают вид рабочего стола. У меня есть метатег H5BP, и это вызывает некоторые проблемы, особенно с изменением размера области просмотра. Я сделал несколько тестов, и если я изменю все процентные значения на px, то смогу установить настольную версию. Но потом у меня возникают проблемы с ориентацией.   -  person user2852784    schedule 22.07.2014

Ответы (1)


arrow_upward
0
arrow_downward

измените свой метатег с

<meta name="viewport" content="width=device-width, initial-scale=1">
 to
 <meta name="viewport" content="width=320, initial-scale=1">

это установит макет для мобильных устройств (только портретный режим) на 320 пикселей, а для остальных разрешений будет отображаться настольная версия сайта.

person Sudheer    schedule 23.07.2014
comment
Я предполагаю, что для того, чтобы это сработало, мне также нужно изменить макет рабочего стола, чтобы он был с фиксированной шириной в пикселях, а не в процентах, чтобы принудительно изменить размер области просмотра? - person user2852784; 23.07.2014
comment
Спасибо, что сработало, извините, у меня есть еще один вопрос. Есть ли способ заставить представление рабочего стола масштабироваться до ширины устройства, т.е. если окно просмотра больше 320 пикселей, показать рабочий стол, но масштабировать его до доступного окна просмотра? - person user2852784; 24.07.2014