Всем доброго времени суток! Использую шаблон на сайте mamoon.ru Отключил адаптивность Bootstrap, удалив Код (CODE): <meta name="viewport" content="width=device-width, initial-scale=1"> и прописав в стилях: Код (CODE): #.container{ width:960px !important; } Все бы хорошо, но на смартфоне ширина некоторых элементов отображается не так как на на экране компьютера. Как добиться чтобы на всех экранах было одно и то же, чтобы показывал весь сайт так, как на мониторе компьютера? Выручайте, прощу подробнее описать, новичок в этом деле. Спасибо заранее!
Надо исправлять медиа-запросы типа Код (css): @media only screen and (max-width: 1024px) { ...какой-то код }
Можно - читай про медиа-запросы и их синтаксис. Вообще бред, т.к.: - просто бред, - на сайте используется не container, а .wrapper ликбезом элементарных вещей не занимаюсь UPD: какие медиа-запросы, если элементарные основы синтаксиса CSS под сомнением...
Спасибо, буду копать там. --- добавлено: Jul 22, 2015, первое сообщение размещено: Jul 22, 2015 --- А что именно прописать в медиа-запросах чтобы экран везде одинаковым был? Дайте наводку хотя бы, спасибо заранее" --- добавлено: Jul 22, 2015 --- Помогите пожалуйста разобраться, что именно провить в них. Вот они: Код (CODE): @media only screen and (max-width: 1024px) { .wrapper { width: 95%; } Код (CODE): } @media only screen and (max-width: 800px) { #primary-menu-container { min-width: 60%; } Код (CODE): } @media only screen and (max-width: 640px) { #mobileMenu{ display:none !important; } .css3-selectbox{ display:block !important; width:60% !important; float:right; } .home .vg-TopHeight{ height: 620px; } Код (CODE): } @media only screen and (max-width: 480px) { #mobileMenu{ display:none !important; } .css3-selectbox{ display:block !important; width:100% !important; float:none; padding-top:15px; } .home .vg-TopHeight{ height: 520px; } Код (CODE): } @media only screen and (max-width: 320px) { #mobileMenu{ display:none !important; } .css3-selectbox{ display:block !important; } .home .vg-TopHeight{ height: 480px; }
Все удалил, отображется корректно на устройствах. Но при изменения размера браузера на компе адапативность присутвует, как решить эту проблему?
Так все медиа запросы не получается удалять, в некоторых прописаны стили для разных размеров экранов. Если их не прописать и удалить все медиа запросы, то на экране смартфона, например, некоторые элементы имеют другую ширину.