网页中如何使超出页面大小的图片自动适合页面宽度？ 20
请各位大虾指教，在dreamweaver中如果固定宽650象素，而用户上传的图片宽为1000象素，这样整个页面就会撑开，请问如何使用户上传的图片小于650的就按正常比例显...
请各位大虾指教，在dreamweaver中如果固定宽650象素，而用户上传的图片宽为1000象素，这样整个页面就会撑开，请问如何使用户上传的图片小于650的就按正常比例显示，而大于650的就控制在650之内呢？
展开
6个回答
展开全部
1、想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码：
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
2、图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：
img{width:100%; max-width:100%;}。
<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 输出.
在<head></head>加入如下代码:
<script language="javascript">
function CSize(cObj)
{
if (cObj.width>650) cObj.width=650;
}
在加载图片时使用onload 事件:
<img onload="CSize(this)" src="....">
这样就可以实现了.
在大多数情况下都能实现,有时也不能很好的执行.这时可以刷新页面看看.
建议,整个IMG语句用Response.write 输出.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个问题我以前碰到过,其实很容易解决的.
在<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 输出.
---------------------
补充：
楼下的抄袭都不改个字啊。佩服佩服！
BSing...
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
