Я использую свойство background-size
для получения полного изображения по ширине и высоте, но у него проблемы с его полным покрытием в Chrome на планшете Nexus7 в портретном режиме. Он охватывает только ширину, а не высоту, то есть ниже 200px
. Однако, когда я просматриваю сайт на рабочем столе Chrome (или что-то еще) и на вертикальном мониторе, чтобы имитировать портретные размеры, он не вызывает проблем.background-size: обложка не работает в портрете на Android-планшете
Кто-нибудь есть решение?
CSS:
html {
background: url(/images/post_bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/post_bg.jpg', sizingMethod='scale')";
}
Портрет Снимок экрана:
Обратите внимание, что в моем случае мне нужно было либо 'height', либо' min-height' 'html' и ничего больше. – Rufflewind
То же самое здесь. Только для элемента html только .... – MarcoZen