Я использую Joomla 3.2.1 с шаблоном protostar. Шаблон настроен на статическое поведение. Я хотел бы временно отключить адаптивное поведение шаблона protostar (не то же самое, что переключение параметра static/fluid в менеджере шаблонов). Я хотел бы исправить ширину страницы до 960 пикселей, независимо от носителя или размера окна браузера. Как программист на C, я не очень хорошо знаком с CSS. Я прошел через template.css, и кажется, что он определяет наборы правил для каждого типа мультимедиа, но это очень запутанно. После попытки вручную отредактировать template.css я так и не смог получить фиксированную ширину страницы.
фиксированная ширина страницы protostar для всех мультимедийных устройств
Ответы (1)
Вы правы, отзывчивые правила находятся внутри template.css
и имеют такую форму:
@media (min-width: 768px) and (max-width: 979px) {
@media (max-width: 767px) {
Вы должны найти все блоки кода (16 совпадений, включая print
запросы, которые вы можете игнорировать) и добавить некоторое ложное условие, либо изменив размеры (например, max-width:1px
), либо добавив нечетное значение для запроса, который не указано, т.е.
@media (aspect-ratio: 7) and (min-width: 768px) and (max-width: 979px) {
@media (aspect-ratio: 7) and (max-width: 767px) {
это эффективно отключит запросы, если вам просто нужно «отложить» их на некоторое время. Если вам нужно долгосрочное решение, найдите соответствующие скобки и удалите все содержимое всех медиа-запросов, кроме print
.
Поскольку этот файл поставляется вместе с Joomla, учтите, что будущие обновления Joomla могут перезаписать этот файл файлом по умолчанию, сохраните где-нибудь резервную копию, чтобы не потерять свою работу.
Редактируйте меньше!
Как отметил @Elin, вы можете редактировать меньше файлов, это будет намного проще:
templates/protostar/less/template.less
просто закомментируйте/удалите строки около 60:
@import "../../../media/jui/less/responsive-767px-max.less";
затем перекомпилируйте, следуйте этому руководству здесь