手机网页宽度 , 图片宽度 自适应
2014-06-26 09:35
197 查看
网页宽度
页面box不要写宽度或 width:100% 之类的 去掉
头部加上下面代码:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
图片宽度
<script type="text/javascript">
function init() {
var jian = 30;
var w = document.body.clientWidth - jian;
var pic = document.getElementsByTagName("img");
for (var i = 0; i < pic.length; i++) {
var width1 = pic[i].width;
var height1 = pic[i].height;
if (width1>w) {
pic[i].width = w;
pic[i].height = height1 * w / width1;
}
}
}
</script>
页面box不要写宽度或 width:100% 之类的 去掉
头部加上下面代码:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
图片宽度
<script type="text/javascript">
function init() {
var jian = 30;
var w = document.body.clientWidth - jian;
var pic = document.getElementsByTagName("img");
for (var i = 0; i < pic.length; i++) {
var width1 = pic[i].width;
var height1 = pic[i].height;
if (width1>w) {
pic[i].width = w;
pic[i].height = height1 * w / width1;
}
}
}
</script>
相关文章推荐
- 手机网页宽度自动适应屏幕宽度的方…
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 手机网页宽度自动适应屏幕宽度的方…
- 网页宽度自动适应手机屏幕宽度的方法
- 网页图片宽度和高度自适应的方法
- 网页宽度自动适应手机屏幕宽度的方法(借鉴)
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法 .
- 网页图片自适应手机宽度
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页图片宽度和高度自适应的方法汇总
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法