老蔣

1,方案一:響應(yīng)式來做,可以根據(jù)媒體查詢,設(shè)定在不同屏幕寬度下div的高度和寬度,具體的設(shè)置看你響應(yīng)式想怎么顯示 @media only screen and (min-width: 100px) and (max-width: 640px) { div{ width: 100px; height: 100px; } } @media only screen and (min-width: 641px) and (max-width: 789px) { div{ width: 200px; height: 200px; } } 2.方案二:百分比來做,這里需要運(yùn)用一個(gè)小技巧,padding用百分比做單位時(shí)是相對(duì)于容器的寬度來算的,所以你可以把高度設(shè)為0,內(nèi)容自然溢出,設(shè)置個(gè)padding-bottom height:0; width:50%; padding-bottom:30% 那么這個(gè)div的高寬比就是30%:50%

s***3

響應(yīng)式營銷網(wǎng)站,也是營銷型,可以智能地根據(jù)用戶行為以及使用的設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相對(duì)應(yīng)的布局。 營銷型網(wǎng)站的概念包含響應(yīng)式營銷網(wǎng)站。