Можно ли сделать сайт с фиксированной шириной отзывчивым с помощью медиа-запросов?

Question

У меня есть сайт.Это фиксированная ширина.Я ищу некоторые учебники, чтобы сделать его отзывчивым, не делая меня плавным.Является ли это возможным?Могу ли я использовать медиа-запросы для создания веб-сайтов, совместимых с мобильными устройствами / устройствами, работающими на вкладках / сенсорных устройствах, без внесения значительных изменений в текущие файлы HTML (как их много), но путем изменения CSS?

Answer 1

Я не знаю, нашли ли вы уже хорошее решение, но я хочу кое-что добавить.

Если вы знакомы с сеткой 960 , держу пари, вам понравится каркасная сетка . Сетка 960 - это обычная CSS-структура с фиксированной шириной 960 пикселей. К сетке скелета добавлено еще 2 фиксированных состояния.

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

Я также много работаю с адаптивными конструкциями, и я считаю, что жидкостные сетки ужасны. Мне нравится иметь фиксированные состояния. Я думаю, что он намного чище и с ним легче работать.

-

Я сам работаю со своей собственной сеткой, которая является комбинацией. Он имеет базу 960 пикселей, это для средних экранов и браузеров, которые не поддерживают медиазапросы.

Я расширяю это с одним большим состоянием 1140px для большего экрана. После этого по умолчанию устанавливается состояние 960px . После этого он переходит в состояние 768px , затем 480px и, наконец, 320px .

Это делает 5 состояний, с состоянием 4 по умолчанию. Он отлично работает, и я превращаю его в пустую тему WordPress, которую я буду использовать для всех своих проектов.