当设计图做为背景图片太大时,必会出现滚动条,但是项目那边不希望出现滚动条,是一屏显示的,那就可以这样设计Css
<img src="images/bg.png" alt="bg">
img{ display:block; width:100%; height:100%;}
这样就可以让图片在页面中平铺,而不产生滚动条,但是有一个问题,当显示器的尺寸很小或13寸显示器的时候,图片会严重变形,但是这是目前来说最好的解决方案了。又不出现滚动条。做适配时也可以这样,只不过在320时让大尺寸的图片隐藏,小尺寸的显示就可以,同理,在大屏幕时,让320的隐藏。
时间: 2024-08-01 02:15:31