手机屏幕图片自适应
来源:互联网 发布:linux libevent 安装 编辑:程序博客网 时间:2024/05/01 04:09
<script>
var x = navigator;
var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
//分辨率小于360
// alert(22);
var imgs = document.getElementById("pingguo").getElementsByTagName("img");
//var imgs=$("#detail_span img");
// alert(imgs.length);
for (var i=0;i<imgs.length;i++) {
// alert(imgs[i].src); //测试成功
var height=parseInt(imgs[i].height * 300 / imgs[i].width);
imgs[i].style.height=height+"px";
imgs[i].style.width="300px";
}
}
</script>
var x = navigator;
var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
//分辨率小于360
//alert(w);
// alert(22);
var imgs = document.getElementById("pingguo").getElementsByTagName("img");
//var imgs=$("#detail_span img");
// alert(imgs.length);
for (var i=0;i<imgs.length;i++) {
// alert(imgs[i].src); //测试成功
var height=parseInt(imgs[i].height * 300 / imgs[i].width);
imgs[i].style.height=height+"px";
imgs[i].style.width="300px";
}
}
</script>
0 0
- 手机屏幕图片自适应
- 图片自适应手机屏幕问题
- 自适应手机屏幕
- html5实现图片自适应手机屏幕页面的css
- html图片自适应手机屏幕大小的css写法
- 使用viewGrop自定义轮播图中实现图片自适应手机屏幕的宽度
- Html与手机屏幕自适应
- HTML5自适应手机屏幕
- android webview加载html图片自适应手机屏幕大小&点击查看大图
- android webview加载html图片自适应手机屏幕大小&点击查看大图
- android webview加载html图片自适应手机屏幕大小&点击查看大图
- Android不同手机屏幕分辨率自适应
- Android不同手机屏幕分辨率自适应
- Android不同手机屏幕分辨率自适应
- webview网页自适应手机屏幕大小
- Android不同手机屏幕分辨率自适应
- Android不同手机屏幕分辨率自适应
- Android不同手机屏幕分辨率自适应
- 并发 并行 同步 异步 多线程的区别
- 如何搜索csdn博客
- android--笔记--向电话簿插入名片
- virtio驱动如何同设备交互
- poj 2418 Hardwood Species(数据结构:trie+dfs)
- 手机屏幕图片自适应
- 从Android浏览器(并不是Appliaction里面的webkit)打开应用程序/应用商店
- CSS设置超链接A标签宽度和高度
- 浅淡奥氏体不锈钢的发展及应用
- Struts2 下 基于Freemarker模板技术的分页组件设计
- 干粉搅拌机哪家好?
- commons-logging 和 log4j 之间的关系
- 关联v4源代码
- http://www.allaboutcookies.org/