1、css怎麼讓div的高度隨著寬度按比例縮放
常用的方法是通過背景圖標的cover屬性讓div的高度隨著寬內度按比例縮放
容
#banner .bd li {
width: 100%;
background-repeat:
no-repeat;
background-size: cover;
background-position: center
0;
background-position: 50% 50%;
-webkit-background-size:
100%;
padding-top: 42%;
}
2、html頁面設計時,怎樣使一個div隨著窗口的變化而等比例地變化?需要設置這個div的那些屬性?
你好 設置寬度即可 也就會 width:100%
希望能幫到你 謝謝
3、html如何讓div進行縮放 , 就向按住Ctrl+滑輪放大縮小網頁一樣縮放div??
||用css的zoom和js的addEventListener
var scrollFunc=function(e){暫未測權試
4、div和css製作的網頁如何實現縮放
如果固定值,它也縮小的話,那才是瀏覽器界大亂。。。。
如果你專需要這樣做,必屬須要用100%;
還有一個辦法可以解決你的做法,,JS,JS是可以判斷當前瀏覽器大小的,然後把相關的元素寬度改了就行了。。。。
你可以搜索一些粟子,,,像全適應HTML模版,,,有一些是通過JS來處理大小的。。。。
5、html圖片如何按屏幕大小等比例縮放
html圖片按屏幕大小等比例縮放若瀏覽器允許可按Ctrl+滑鼠滾輪滑動縮放,或用代碼。
6、怎麼寫 div 框架才能實現等比例縮放
<div style="width:100%;">
<div style="width:50%;float:left;">
<div "width:50%;float:left;"></div>
<div style="width:50%;float:right;"></div>
</div>
<div style="width:50%;float:right;">
<div style="width:50%;"><img src="http://www.0563jx.com/login.png" width="100%" />圖片也用百分回比答</div>
</div>
</div>
7、如何讓div隨著窗口比例的縮放而縮放?
可以用百分比:
1、首先要把文檔的寬度設置成百分比:body{height:100%;}
2、然後需要把div的寬度高度設置成百分比:div{width:50%;height:50%;}
8、div+css把圖片等比縮放怎麼弄
這個只需要在圖片那裡加入尺寸就OK了,不過一般我們都不這樣做,這樣做圖片會變形的。我們一般都是先用fireworks(或者PS)調好尺寸再放進去的。
9、做響應式網頁,如何讓一個div的高和寬保持比例放大 縮小
1,方案一:響應式來做,可以根據媒體查詢,設定在不同屏幕寬度下div的高度和寬版度,具體的設置看你響應式想怎權么顯示
@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.方案二:百分比來做,這里需要運用一個小技巧,padding用百分比做單位時是相對於容器的寬度來算的,所以你可以把高度設為0,內容自然溢出,設置個padding-bottom
height:0;
width:50%;
padding-bottom:30%
那麼這個div的高寬比就是30%:50%
10、做響應式網頁,如何讓一個div的高和寬保持比例放大或是縮小?
響應式來做,可以根據媒體查詢,設定在不同屏幕寬度下div的高度和寬度,具體的設置看你響應式想怎麼顯示:
@media only screen and (min-width: 100px) and (maxwidth:640px{div{width:100px;height: 100px;}}@media only screen and (min-width: 641px) and (max-width: 789px) {div{width: 200px;height: 200px;}}