как сделать Zurb Foundation невосприимчивым?

Я создал веб-сайт с WordPress темы Foundation-master, он выглядит хорошо, но мне не нравится, как он ведет себя в других ширинах браузера. Есть ли способ сделать его невосприимчивым или зафиксированным на определенной ширине?как сделать Zurb Foundation невосприимчивым?

Спасибо!

источник

2013-07-03 Stefano G V FaNo

Фонд был создан, чтобы просто создавать отзывчивые веб-сайты. Помимо вопроса о том, почему вы используете этот фреймворк, если вам не нужен отзывчивый веб-сайт, это возможно только в том случае, если вы начнете удалять все медиа-запросы в базе css и удалите метатег viewport.

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

источник

2013-07-03 14:32:01

Спасибо. Я знаю, мне следовало бы хранить 960.gs, это было слишком сложно для меня, делая все элементы отзывчивыми. Вы решили мою проблему, спасибо. –

Несмотря на то, что вопрос отмечен как ответ, я просто хотел дать вам быстрый намек на то, чтобы сетка Foundation 4 не реагировала, так как нам также пришлось иметь дело с этим.

В нашем случае (версия SASS) устанавливается ширина элемента <body> через css на определенную ширину сетки и уменьшается точка останова в переменной SASS $small-screen до 1px.

источник

2013-11-21 10:46:27

Попробуйте добавить мин ширину в atributes тела, как это:

html, 
body { 
    font-size: 100%; 
    min-width: 1020px; 
    }

(foundation.css)

источник

2013-12-04 16:48:43 Miquel

Иногда необходимо, чтобы отключить адаптивные функции. Например, если, как это случилось со мной дважды, веб-сайт запускает невосприимчивость, а оптимизация для смартфонов/планшетов добавляется позже.

Фонд - это потрясающая каркас, даже если вы берете отзывчивость. Файлы SCSS очень хорошо структурированы, и в них есть библиотека очень полезных элементов пользовательского интерфейса. Это отличный выбор для чувствительных и невосприимчивых сайтов, если вы спросите меня. Некоторым людям также может потребоваться оптимизация рабочего процесса, а не переход между различными структурами в зависимости от проекта, чтобы снизить затраты.

В любом случае, здесь мои два цента. Это деактивированы все отзывчивость для меня:

.row { 
    width: 62.5rem; 
}

А затем в _settings.scss

$small-range: (0, 90em); 
$medium-range: (0, 90em); 
$large-range: (0, 90em);

Таким образом, мы практически всегда видим большую версию. Насколько я могу сказать, это даже работает для верхнего бара и т. Д.

источник

2014-05-01 18:56:48 user3307277

как сделать Zurb Foundation невосприимчивым?

ответ

Смежные вопросы