我正在开发一个网页,在 div 的帮助下设置背景,但我的问题是,当屏幕的分辨率发生变化时,图像不适合,它会在大屏幕上的屏幕两侧显示空白。有没有一种方法可以让我制作一个适用于所有屏幕的标准案例。
这就是我设置 div 的方式
mheaderimgs {
width:1007px;
margin:auto auto;
height:auto;
}
width:100% 会拉伸它,如果你把它做成一个稍微大一点的图像,它会在大多数情况下缩小它,只需要 1 个图像。
据我所知,没有非javascript方法来获取屏幕大小,然后与设置大小进行比较
CSS 背景尺寸属性,
background-size:contain;
如需更多参考,请参阅
PHP 不知道客户端屏幕有多大。考虑 javascript 或媒体查询 。
也许你可以试试这个(CSS3属性):
background-size: cover;
否则,我认为您可以在 javascript 中执行此操作。