查人人中国名人网金章宗完颜璟:网页中如何使超出页面大小的图片自动适合页面宽度？
来源：百度文库 编辑：查人人中国名人网 时间：2024/05/07 04:56:32
1、想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码：
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
2、图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：
img{width:100%; max-width:100%;}。
这个问题我以前碰到过,其实很容易解决的.
在<head></head>加入如下代码:
<script language="javascript">
function CSize(cObj)
{
if (cObj.width>650) cObj.width=650;
}
在加载图片时使用onload 事件:
<img onload="CSize(this)" src="....">
这样就可以实现了.
在大多数情况下都能实现,有时也不能很好的执行.这时可以刷新页面看看.
建议,整个IMG语句用Response.write 输出.
---------------------
补充：
楼下的抄袭都不改个字啊。佩服佩服！
BSing...
这个很简单：
你是让用户上传图片，那你在设计时的图形肯定不是固定的而是通过程序读出来。那么，你在设计时只限定图片的一个边，如设定图片的宽，而将高清除。这样出来的图片就是在你设定的宽的基地上计算得来的高，比例是一定的不会失真。
写一段脚本代码就可以了。还有就是设表格宽度，不要用百分比。注意你页面的显示方式。
具体操作方法你可以参考多数网站源代码，百度搜一下就可以了。
这个问题我以前碰到过,其实很容易解决的.
在<head></head>加入如下代码:
<script language="javascript">
function CSize(cObj)
{
if (cObj.width>650) cObj.width=650;
}
在加载图片时使用onload 事件:
<img onload="CSize(this)" src="....">
这样就可以实现了.
在大多数情况下都能实现,有时也不能很好的执行.这时可以刷新页面看看.
建议,整个IMG语句用Response.write 输出.