• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

拟合图像尺寸

css 来源:Prasanna 22次浏览

我有一个像拟合图像尺寸

<div id="MainMenu1" dojotype="dijit.layout.ContentPane"></div> 

div标签这个div与CSS像

#MainMenu1 
{ 
height:53px; 
background: url(../images/top_banner.png) no-repeat; 
background-position:center; 
margin:auto; 
width:100%; 
border:0; 
} 

我看到背景图像是一个较小的屏幕上精细有关,但在更宽的屏幕上,它只占据中心位置。即使在更宽的屏幕上,我也希望图像占据全屏,并且我不希望图像“重复”。 我该怎么做?


===========解决方案如下:

你可以让图像重复覆盖整个空间或使用background-size: cover,它将缩放它覆盖整个区域,同时保持图像的原始高宽比。


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)