Вопрос по адаптации шаблона

[satantek]

Интересует такой момент, см. первый скриншот

Выбран вид для устройств iPad, у меня на телефоне сайт отображается точно так-же.

См. второй скриншот, тут уже выбран вид для iPad Pro, сайт отображается как полноценная версия для ПК, с небольшими изменениями.

Помогите пожалуйста сделать вид сайта как для iPad Pro для всех устройств, вне зависимости от разрешения экрана самого устройства.

Змінено 21 жовтня 2017 користувачем satantek

[Demidovez]

я могу
пишите в личку

[satantek]

29 минут назад, Demidovez сказал:

я могу
пишите в личку

Я вас понял, но здесь нужно делать незначительные правки в коде, вы молодец, что можете.

[Shureg]

5 часов назад, satantek сказал:

Я вас понял, но здесь нужно делать незначительные правки в коде, вы молодец, что можете.

Ну, если вы все знаете, зачем спрашиваете?

А я вот знаю, что правки не такие уж незначительные. Даже совсем не незначительные. Приделать скрипт, определяющий устройство, привязать к нему стили шаблона.

Или, как вариант, бутстрап оверрайдить. Но это плохой стиль.

Цитата

сделать вид сайта как для iPad Pro для всех устройств, вне зависимости от разрешения экрана самого устройства.

Плюс неочевидно, как это всё удовольствие будет выглядеть на маленьких экранах. Скажем, при ширине 600px

Змінено 21 жовтня 2017 користувачем Shureg

[Shureg]

В @media подправить и ... ну почти все.

Да, со скриптом я погорячился, задачу невнимательно прочитал.

Но там наверняка бутстрап. И придется либо править этот @media для кучи элементов, либо в шаблоне менять всякие hidden-xs hidden-sm и т.п.

[jaffagold]

Проверяйте ширину

.container

при сужении экрана менее заданного.

Дописывайте нужное значение ширины( возможно не фиксированное, а в процентах) в конец файла стилей, вставляя перед точкой с запятой

!important

а потом начнется вторая серия- более увлекательная.

Вам придется переназначать бутстраповские стили Для col-sm-* и col-xs-*

Змінено 21 жовтня 2017 користувачем jaffagold