Heim >Web-Frontend >HTML-Tutorial >background-size_html/css_WEB-ITnose

background-size_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:35:421058Durchsuche

background-image:url(bg.jpg);<br />background-size:cover;/*等比例拉伸 铺满最短边,长边裁剪*/<br />background-size:contain;/*铺满最短边,长边空着*/
background-size: 100% 80px;/*横向铺满,纵向80px*/
background-size:150px 80px;/*横向150px,纵向80px*/
background-size:40% 60%;/*横向40%,纵向60%*/

浏览器的兼容性

支持浏览器:IE(9)、firefox、Chrome、Opera、Safari。

/*Mozilla*/-moz-background-size:auto||<length>||<percentage>||cover||contain;/*Webkit*/-webkit-background-size:auto||<length>||<percentage>||cover||contain;/*Presto*/-o-background-size:auto||<length>||<percentage>||cover||contain;/*W3c*/background-size:auto||<length>||<percentage>||cover||contain;
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn