JS控制圖片寬度,當高度太高,寬度居然自己變?

1、js代碼：var oImg = document.getElementById(img)；oImg.width = 50px //當給img標簽的寬度設(shè)置為50px后，高度會自動按比例縮小。

創(chuàng)新互聯(lián)是一家專業(yè)提供雞西企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計制作、成都網(wǎng)站制作、html5、小程序制作等業(yè)務(wù)。10年已為雞西眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進行中。

2、//給你一個比較靈活的，可自由控制jQuery(window).load(function () {jQuery(.div1 img).each(function () {//div1下的img寬度、高度設(shè)置DrawImage(this， 700， 470)；//寬700，高470，自己改為相同即可。

3、首先打開頁面，具體如下圖所示。F12打開審查元素，修改內(nèi)層div的寬度，外層div隨著邊框。修改內(nèi)層div高度，外層div高度隨之改變。div定位測試。div如果使用了定位position則外層不會隨內(nèi)層div變化。

4、想讓div自動適應(yīng)寬度就直接飄（float）就好了，但是飄理解的不深刻就會飄亂了。內(nèi)部的那個span不要設(shè)置寬度，因為它本來就不固定。你可以把代碼貼出來，我給你改改。

用js設(shè)置圖片寬度

1、js代碼：var oImg = document.getElementById(img)；oImg.width = 50px //當給img標簽的寬度設(shè)置為50px后，高度會自動按比例縮小。

2、//給你一個比較靈活的，可自由控制jQuery(window).load(function () {jQuery(.div1 img).each(function () {//div1下的img寬度、高度設(shè)置DrawImage(this， 700， 470)；//寬700，高470，自己改為相同即可。

3、這是img標簽的特性決定的，如果width和height屬性只設(shè)置其中一個，另一個會自動等比例縮放，也就是說圖片會自動保持其原始的寬高比，只有width和height同時設(shè)置，圖片才會產(chǎn)生壓扁或拉高的變形效果。

怎么js設(shè)置Img的寬度,和高度

首先，界面中有一個img，但是js不用于設(shè)置其寬度，高度和背景顏色，如下圖所示。其次，使用jQuery獲取要設(shè)置的div，然后調(diào)用css（）方法即可開始設(shè)置，如下圖所示。接著，可以在css方法中設(shè)置。

通過{width：50%；height：auto；}實現(xiàn)圖片高度跟隨寬度比例調(diào)整。但是這個百分比是根據(jù)父級的高度來計算的，根本不是根據(jù)元素自身的寬度，那么就做不到Div的寬高達成一定的比例。

//給你一個比較靈活的，可自由控制jQuery(window).load(function () {jQuery(.div1 img).each(function () {//div1下的img寬度、高度設(shè)置DrawImage(this， 700， 470)；//寬700，高470，自己改為相同即可。

images/pic.png style=width：100px； height：100px / 當頁面中圖片非常多，且要求每張圖片的大小依據(jù)其父容器來固定怎么辦？可以使用max-weight：img {max-weight：100%；} 這樣圖片會自動縮放到和其父容器等寬。

jquery怎么整體放大縮小div,里面有圖片文字,需要修改寬高的值,不是sca...

1、div.css(lfet，value)；div.css(top，value)...同理 div.width(200) // 同樣也可以用上述css方式來實現(xiàn)。 div.css(width，value)； height跟width一樣。

2、準備好需要用到的圖標。新建html文檔。書寫hmtl代碼。

3、直接寫 (#mydiv2).html(dddd)； 這個ID是修改的那個 用firebug就可以看到 你寫的是這個id =mydiv2 是這個模板里面的ID值的變化，而不是追加到你行下面的這個div 不知道你是否理解了。

4、途徑：第一種情況就是寬高都寫在樣式表里，就比如#div1{width：120px；}。這中情況通過#divstyle.width拿不到寬度，而通過#divoffsetWidth才可以獲取到寬度。

5、div{ background：url(圖片路徑)；background-size：800px 600px；background-repeat：no-repeat；}其中圖片路徑可以使用相對路徑也可以使用絕對路徑，不用添加雙引號。

6、jquery獲取img寬高的操作方法和步驟如下：首先，界面中有一個img，但是js不用于設(shè)置其寬度，高度和背景顏色，如下圖所示。其次，使用jQuery獲取要設(shè)置的div，然后調(diào)用css（）方法即可開始設(shè)置，如下圖所示。

js控制圖片高度、寬度

js代碼：var oImg = document.getElementById(img)；oImg.width = 50px //當給img標簽的寬度設(shè)置為50px后，高度會自動按比例縮小。

這是img標簽的特性決定的，如果width和height屬性只設(shè)置其中一個，另一個會自動等比例縮放，也就是說圖片會自動保持其原始的寬高比，只有width和height同時設(shè)置，圖片才會產(chǎn)生壓扁或拉高的變形效果。

控制圖片最大寬度和高高度，在css里面有max-width、max-height的屬性，非要用js也不是不可以的，document.getElementById(id).style.maxWidth。這個屬性ie6支持的不好。但是現(xiàn)在也不用兼容ie6了吧。

這個我想跟您的flash有關(guān)系，如果flash是自適應(yīng)寬高的話（flash寬度改變里面的內(nèi)容也自動按比例改變）那你只需要修改 var focus_width = 660；var focus_height = 310；這兩個參數(shù)就可以了。