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

Question

Я очень новичок в этом, но я работаю над веб-сайтом в HTML/CSS. Фон отлично смотрится на моем macbook pro, но когда я просматриваю свой сайт на любом более крупном экране, фон повторяется, а содержимое сайта остается в верхнем левом углу вместо перехода в середину экрана. Есть ли способ заставить мой сайт выглядеть одинаково на больших экранах, как это происходит самостоятельно? Есть ли тег для изменения размера всего веб-сайта, чтобы он соответствовал любому экрану?

Благодаря

Answer 1

Вы должны изучить responsive web design. Сделайте веб-поиск термина «отзывчивый css», и вы получите множество фреймворков и инструментов, которые помогут вам.

Answer 2

Прежде чем вы изучите отзывчивый дизайн, вы можете узнать больше о CSS в целом. многие люди не любят w3, но у них есть простой для понимания (и быстрый !!) учебник класса css для прохождения. http://www.w3schools.com/css/default.asp отзывчивый дизайн будет шагом № 2, чтобы узнать ... ОЧЕНЬ важная вещь, которую нужно иметь в виду, когда вы создаете стиль.

также, здесь StackOverflow вопрос, который отвечает на ваш вопрос Stretch and scale CSS background .... и еще какая-то помощь на CSS фон http://coding.smashingmagazine.com/2009/09/02/backgrounds-in-css-everything-you-need-to-know/

Answer 3

body{ 
    background: url(path/to/your/image) no-repeat center top; 
} 

Попробуйте это. Он перемещается в фоновом режиме в середину экрана.

Непросто масштабировать фоновое изображение. Неплохо также масштабировать его.