Я использую медиа-запросы для мобилизации веб-сайта. Кажется, все идет хорошо, за исключением того, что фоновое изображение не будет изменяться, поскольку изображение переднего плана в верхней части страницы. Мои медиа-запросы вступают в силу с 650px и находятся в файле junkyardzombie.css внизу файла. Может кто-то, пожалуйста, помогите мне в этом вопросе. Испытательный участок находится в http://shoponlinedemo.com/junkyard-zombiez/Фоновое изображение не будет изменять размер
0
A
ответ
0
По умолчанию фоновое изображение представляет собой статический размер (размер собственного изображения). Вы можете контролировать размер фонового изображения, используя свойство background-size
(подробнее об этом here).
В этом случае вы можете использовать background-size:contain;
, который будет сжимать размеры изображения до ширины содержащего элемента (или ширины окна браузера, если нет элемента, содержащего).
Смежные вопросы
- 1. Изображение в nav не будет изменять размер
- 2. ScrollViews не будет изменять размер
- 3. UIImageView не будет изменять размер изображения.
- 4. itextsharp изображение не будет изменять размер - занимает большую часть страницы
- 5. Фоновое изображение не будет отображаться
- 6. Фоновое изображение не будет исчезать
- 7. Фоновое изображение не будет отображаться
- 8. Размер SVG Фоновое изображение
- 9. R tkbutton не будет изменять размер
- 10. Расширение Firefox не будет изменять размер
- 11. Libgdx TextField не будет изменять размер
- 12. select box не будет изменять размер
- 13. iframe не будет динамически изменять размер
- 14. JavaScript: разрешить пользователям изменять фоновое изображение
- 15. Изображение можно перетаскивать, но не изменять размер
- 16. Фиксированный размер SVG Фоновое изображение
- 17. Какой размер имеет фоновое изображение?
- 18. фоновое изображение не будет повторять полную высоту
- 19. Фоновое изображение не будет отображаться при размещении
- 20. фоновое изображение не будет отображаться в DIV
- 21. CSS фоновое изображение не будет работать
- 22. Кнопка ASP.Net не будет отображать фоновое изображение
- 23. Реакция: фоновое изображение не будет отображаться
- 24. Фоновое изображение не будет прокручиваться с контентом
- 25. CSS начинающий, фоновое изображение не будет отображаться
- 26. элемент фоновое изображение не будет оказывать
- 27. Фоновое изображение не будет отображаться в IE10
- 28. фоновое изображение размер в CSS3PIE
- 29. Фоновое изображение и размер окна
- 30. UIImageView не будет изменять размер в соответствии с рамой UIView
Попробуйте добавить 'background-size: contains;' Скорее всего, это исказит ваше изображение, поэтому вам захочется создать различные фоновые изображения для разных размеров экрана. – APAD1
Спасибо. Это отлично работает в хроме, но не в FF или IE. Использование background-size: обложка также не работает. Какие-либо предложения? –
Я думал, что я должен использовать ширину: auto на соответствующем div и заставить его работать. Я также думал, что атрибут min-height предотвращает масштабирование изображения со страницы, когда окно браузера меньше 650 пикселей. –