HTML 5 и стиль CSS меняются в зависимости от размера экрана

Question

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

Сначала ... Пожалуйста, посетите этот сайт http://net.tutsplus.com/

Вопрос 1: Могу ли я узнать, как я могу сделать эффект изменения размера в Asp MVC 3? когда наш сайт получит размер экрана пользователя на боковой панели менее 1280x800, он отобразит один столбец боковой панели. Когда размер экрана пользователя больше 1280x800, он отображает два столбца боковой панели.

Вопрос 2: Когда размер экрана слишком мал, левая сторона сайта будет отображать только около 20 пикселей поля. Все изображение и фон будут скрыты. точно так же, как при изменении размера браузера при открытии сайта Nettuts.

Answer 1

Лучший способ настроить макет страницы в соответствии с размером области просмотра, на которой она отображается, - это запросы CSS Media.Прежде чем что-то делать, прочитайте это:

http://www.alistapart.com/articles/responsive-web-design/

Это практически библия по этому вопросу.

После этого дайте спецификации прочитать:

http://www.w3.org/TR/css3-mediaqueries/

Менее CSS-фреймворк поставляется с набором полезных медиа-запросов и является тем, что я использую в качестве очень простой фреймворк:

http://lessframework.com/

Answer 2

Зависит от атрибута позиционирования: абсолютного, относительного или фиксированного. Попробуйте использовать процент, а не абсолютное, относительное или фиксированное значение.

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

Я делаю это сам все время и всегда работаю.

Answer 3

Ответ на вопрос 1 Это не ASP, а JavaScript.В основном вам понадобится скрипт, который запускается каждый раз, когда вы изменяете размер браузера.Затем он должен проверить новую ширину области просмотра и изменить некоторые CSS для боковой панели