網頁設計如何等比例縮小圖片

① html中圖片等比例縮放

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

② 如何在HTML中用CSS對圖片進行縮放

可以用css3中「transform: scale()」屬性對圖片進行縮放。

1、新建html文檔，在body標簽中添加一張圖片，給這張圖片設置css屬性，添加「tansform」縮放屬性，屬性值為「scaleX(n)」，scaleX(n)指的是對寬度進行縮放，n指的是縮放比例：

③ 如何等比例縮小整個網頁

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

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

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

④ css 可以按比例縮放圖片嗎

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

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

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

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

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

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

⑦ 如何讓網頁中的圖片自動縮小

在網頁代碼設計中，有些大圖片會讓表格撐破，為了讓網頁中的圖片自動縮小到指定值，可以參考以下代碼：
<img border=0 src="/images/banner/xtdiy.gif" onload="if(PicWidthWidth100)width=100;"

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

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

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

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

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

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

⑨ 如何將圖片等比例縮小

利用電腦系統自帶的畫圖軟體可以將圖片等比例縮小。

1、用滑鼠選中要縮小尺寸的圖片，然後右擊滑鼠。在出現的菜單中打開方式選擇電腦自帶的畫圖軟體。

⑩ 網頁中控制圖片縮放比例

試試這個
你可以網上找資料的嗎
懶人
-----------------------------------
唉也....我的馬也
終於搞出來啦
！
頁網中控制圖片縮放代碼
一般情況下
是很難做到這一點的
因為小圖從資料庫調用出來的時候
上原圖
所以小
而當調用的圖片是高清的數碼照時
你才知道
那有多頭痛
完全把Tabel擠得不像人樣
全擠破了
難看得不敢見人啊
.....
要把圖片控制在一定的規格里縮放
我最用想到用的是JavaScript
終於寫出來了
測試了N多回才成功的
請看代碼:
網頁前邊加
(注意JavaScript是區分大小寫的
==我最不喜歡就他這一點
你們不用注意了
我已經寫好測試完了才發出來共享的
直接復制一點問題都沒有
)
<!--
//圖片按比例縮放
var
flag=false;
function
DrawImage(ImgD){
var
image=new
Image();
var
iwidth
=
480;
//定義允許圖片寬度
var
iheight
=
530;
//定義允許圖片高度
image.src=ImgD.src;
if(image.width>0
&&
image.height>0){
flag=true;
if(image.width/image.height>=
iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>iheight){
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
}
}
//調用：
//-->
在body里
顯示圖片時
OK
就這樣搞定了
那不管是小圖還是大圖
也只能在480X530里游動啦
哈哈哈...
（傻傻的感言：有時候感覺寫程序就是那麼快樂
好像一切盡在撐握之中...嘿嘿
因為又學到了東西
程序設計的快樂）
的誰有更簡單的
請共享下技術吧!
本文出自：
和平聯盟---
ASP技術聯盟區
網址：
http://www.hp8858.com
轉貼請帶上
謝謝