問題描述

css中有寬度百分百，若想達(dá)到高度占屏幕的百分百，寬度保持縱橫比應(yīng)該怎么做呢， 希望詳細(xì)解答，嘻嘻

問題解答

如果你指的是背景圖的話... background-size: auto 100%; 會(huì)是你想要的效果的。

推薦看看MDN對(duì)background-size的解釋

雖然也想能夠詳細(xì)回答，但是愛莫能助啊，不知道你要什么，需要什么。

background: url(../images/main1_bg.jpg) no-repeat center center; background-size:cover; background-attachment: fixed;我以前寫的，這里的background-size：100% 100%；估計(jì)可以，但比例會(huì)失真。我現(xiàn)在用的辦法都是把img設(shè)置為absolute，top:0;left:50%; height:100%; 然后在標(biāo)簽上寫<img ... onload='setPos(this)'>然后這個(gè)setpos函數(shù)寫在js文件里，function setpos(ts){ var w=ts.width/2; ts.style.margin='0 0 0 -'+w+'px'; } 這個(gè)函數(shù)會(huì)在圖片加載完成后執(zhí)行，讓圖片水平居中。