CSS - 背景图像拉伸(stretch)问题(三星手机)

标签 css

我不知道三星默认的“Internet 浏览器”是否基于另一个版本,但它无法像在桌面浏览器或移动版 chrome 上那样正确显示拉伸(stretch)的背景图像。

我正在使用这个 CSS 和 HTML

#bk_img {

    height:100%;
    min-height: 100%;
    min-width: 1024px;


    width: 100%;
    height: auto;

    position: fixed;
    top: 0;
    left: 0;
}


<img src="background.jpg" id="bk_img">

当向下滚动时,背景图像下方会出现一个白色区域,大约 30 像素高。

最佳答案

height: auto; 将根据 width:100% 调整图像宽高比。可能你调整了图像的大小,但因为你有一个滚动条,高度将相应地调整为 width:100% 和纵横比

关于CSS - 背景图像拉伸(stretch)问题(三星手机),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21047957/

相关文章:

html - 无法在移动设备上的水平滚动条中向上或向下滚动

javascript - 繁重的 js 计算期间的 css 动画

html - 如何让div填满剩余的水平空间

html - 如何使这个水平列表在固定 div 内居中?

jQuery Slider 拉伸(stretch)全宽高度

css - 如何使图像的背景颜色透明?

html - 我怎样才能让 <ul> 在它所在的内容区域中均匀分布?

javascript - Navbar 下拉列表始终保持在其他下拉列表下方,增加 z-index 等不起作用

php - CSS/HTML 填充问题

php - 区分大小写的 CSS 格式