網頁設計中圖片按比例縮小

1、在網頁上放圖片，怎麼讓它按比例縮放？

滑鼠上的滾輪 把滑鼠放在圖片上 上轉是放大 下轉是縮小

2、如何把網頁裡面的內容等比例縮小

把網頁裡面的內容縮小的方法比較簡單，其方法如下：

1、在IE瀏覽器的右下角找到百分比顯示的地方，如圖：

2、在彈出的調節窗口選擇你所需要的比例，要縮小可以選擇百分之七十五、百分之六十等，根據你的需要選擇即可立即實現。選擇比例的地方如圖。

3、html中圖片等比例縮放

style里你可以設max-width: 400px;

4、網頁中控制圖片縮放比例

在處理網頁圖片時，特別是一些圖片列表的應用裡面，很難保證圖片統一大小，直接設置圖片大小又會導致圖片拉伸，造成圖片模糊，本文介紹的代碼可以在圖片載入完成後自動按比例調整圖片大小。
Javascript：
<
script
language="javascript"
type="text/javascript">
<
!--
//
說明：用
JavaScript
實現網頁圖片等比例縮放
//
整理：
http://www.CodeBit.cn
function
DrawImage(ImgD,FitWidth,FitHeight)
{
var
image=new
Image();
image.src=ImgD.src;
if(image.width>0
&&
image.height>0)
{
if(image.width/image.height>=
FitWidth/FitHeight)
{
if(image.width>FitWidth)
{
ImgD.width=FitWidth;
ImgD.height=(image.height*FitWidth)/image.width;
}
else
{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
else
{
if(image.height>FitHeight)
{
ImgD.height=FitHeight;
ImgD.width=(image.width*FitHeight)/image.height;
}
else
{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
//-->
<
script>
調用方式：
Code:
<
img
src="1148202890.jpg"
alt="自動縮放後的效果"
onload="javascript:DrawImage(this,200,200);"
/>
如果圖片較大，建議在圖片標簽裡面同時設置期望的圖片大小，這樣不會導致頁面在載入中撐開，該大小不會影響最終縮放效果。可以修改上面的代碼為：
Code:
<
img
src="1148202890.jpg"
alt="自動縮放後的效果"
width="200"
height="200"
onload="javascript:DrawImage(this,200,200);"
/>

5、html圖片如何按屏幕大小等比例縮放

html圖片按屏幕大小等比例縮放若瀏覽器允許可按Ctrl+滑鼠滾輪滑動縮放，或用代碼。

6、css 可以按比例縮放圖片嗎？

解決這個問題的方法如下：

1、先在html里添加一個img圖片標簽。

2、運行頁面後，這是完整顯示圖片大小的。圖片大概是400x260左右的大小。

3、要進入圖片縮放，可以在css樣式里設置圖片的寬度和高度，但不要寬和高都設置了，比如這里都設置為100px。

4、設置後，看下頁面可以看到圖片現在變形了。

5、正確的方法應該是只設置其中一個，比如設置寬度為100px，高度設置為自動就行了。

6、這里設置後的效果，圖片並沒有變形。

7、同樣，如果是限定高度的大小，就設置寬度為自動，圖片同樣不會變形，這樣問題就解決了。

7、怎樣按比例縮小圖片

▲圖片尺寸修改方法：

方法一： photoshop，是常用的圖片編輯軟體，論壇中即有下載。
具體步驟如下：
步驟一：用 photoshop軟體打開所要編輯的圖片文件。點擊標題欄--圖象--圖象大小。
步驟二：在圖象大小的彈出對話框中，填寫具體尺寸，一般來說，600*400，或者400*600的文件大小比較適合網頁的瀏覽習慣。注意，要將約束比例一欄打勾。
步驟三：完成操作，保存文件。點擊文件-保存為--，在保存為的彈出對話框中，填寫文件名，以及要保存的地址，保存。
步驟四：此時，會出現jpeg的對話框，移動選擇條，將文件品質調整為10，最佳。確定。

方法二： 如果您的電腦上沒有安裝photoshop軟體，還有一個簡單的辦法。就是使用windows系統自帶的畫圖軟體，點擊系統的開始--所有程序--附件--畫圖。
步驟一：打開你所要編輯的文件。點擊標題欄--圖象--拉伸/扭曲--彈出窗口，如下圖。在拉伸欄中填寫相應縮小比例，注意，水平和垂直欄一定要填寫相同大小。以2048*1536的圖片尺寸而言，填寫30%的比例，縮小後圖片為600*400，大小適中。
圖片要從大向小調整，避免發生縮小後再放大的情況，圖片的畫面質量將被破壞。如果您覺得圖片調整過於小了，請重新打開文件再縮小，而不是在已經縮小的圖片上做放大處理，切記。
步驟二：保存。特別提示大家，盡量使用「另存為」，以免對原圖片發生修改。

8、html中怎麼把圖片按比例縮放在<span>裡面

首先，你使用span元素並不是很合理，因為span元素是行元素，不能夠設置寬高

如果一定要使用span元素，需要設置寬高，之後對圖片進行處理

將span元素調整為塊元素（設置display: block），賦予固定的寬度或百分比

之後為圖片設置寬度和高度，寬設置為100%，即可讓圖片等比例進行縮放，寬度等於span的寬度，高度會等比例變化

.box {
    display: block;
    width: 200px;
}
.box img {
    width: 100%;
}

9、我想實現在html頁面中顯示一個圖片,可以根據用戶的瀏覽器的大小改變進行圖片的等比例縮放，該怎麼實現呢？

css：width 和 height 用百分比表示。
或者通過 js 獲得瀏覽器大小，再改變樣式

10、CSS的問題：圖片按比例縮小

<img src="1.jpg" style="max-width:150px;" />

是按比例縮小的.

估計你的圖片 樣式 還受其它的 樣式干擾，