изменение масштаба для мобильных устройств

[cyklop77]

помогите пожалуйста решить проблему

 

есть резиновый сайт. его минимальная ширина 1200px. если ширина окна браузера < 1200px , то: 

1. на десктопе появляется нижний скролл jsfidde ,
2. на мобильных устройствах сайт должен по ширине полностью поместиться в экран мобильного устройства(то есть чтобы нижнего скролла не было)

 

при этом в блоке head прописан тег:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">

реализовать пункт2 у меня не получается

Edited March 17, 2015 by cyklop77

[li4e]

Эмулятор мобильных устройств chrome вроде как не умеет масштабировать!

Проверил на андроид ус-ве, с шириной экрана меньше 1200. Нормально смасштабировал и скролла не появилось!

[li4e]

Так вы же сами запрещаете масштабирование и при этом задаете min-width!

 

viewport думаю вообще можно убрать в этом случае!

 

Если конечно я правильно понял проблему!

Edited March 17, 2015 by li4e

[cyklop77]

Так вы же сами запрещаете масштабирование и при этом задаете min-width!

 

viewport думаю вообще можно убрать в этом случае!

 

Если конечно я правильно понял проблему!

честно говоря, в этом фиддле метатег вьюпорта как раз не прописан(я просто не нашёл куда его вставлять). тем не менее когда в хроме нажимаю f12 и перехожу в режим, например, iphone , то всё равно наблюдаю нижний скролл

[Vicos]

Смотри медиа запросы.

https://jsfiddle.net/Vicos/p0xb5dz7/6/

Нижний скролл на десктопе нужен?

[cyklop77]

Смотри медиа запросы.

https://jsfiddle.net/Vicos/p0xb5dz7/6/

Нижний скролл на десктопе нужен?

на десктопе нужен. на мобилках нет. а в вашем фиддле он всегда присутствует

[cyklop77]

тогда спасибо. завтра проверю на реальном устройстве

[Vicos]

 

Смотри медиа запросы.

https://jsfiddle.net/Vicos/p0xb5dz7/6/

Нижний скролл на десктопе нужен?

на десктопе нужен. на мобилках нет. а в вашем фиддле он всегда присутствует

 

Трижды перепроверил, при разрешении экрана меньше 768 скролл убирается. Тут зацепил и планшеты правда, но не проблема поменять.

[cyklop77]

del

Edited March 18, 2015 by cyklop77