网页设计如何等比例缩小图片

① 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
转贴请带上
谢谢