文档章节

网页图片自适应分辨率不同的浏览器

梦梦阁
 梦梦阁
发布于 2015/12/07 10:32
字数 138
阅读 33
收藏 0
<script type="text/javascript">
window.onload=function(){
    $height = $(window).height()-25;
    $width = $(window).width()-25;
    //alert($height);
    if($height<=$height){
        $(".back").css({"height":$height,"z-index":"100"});
        $(".divs").css({"width":"100%","margin":"0 auto"});
        $(".zhengti").css({"width":"100%","margin":"0 auto","background":"#000","z-index":"100"});
        $(".embed").css({"width":$height/2,"height":$height/3});
        $(".download").css({"width":$height/4,"height":"auto"});
        $(".moshi").css({"width":$height/2,"height":"auto"});
        $wids = $(".back").width();
        $mainsw = $wids-60;
        //alert($wids);
        $(".imgsa").css({"width":$wids,"margin":"0 auto"," text-align":"center","z-index":"1000"});
        $(".mains").css({"width":$mainsw,"padding-left":0,"bottom":$height/10,"margin":"0 auto"});
        $(".lefts").css({"padding-left":"70px"});
    }
        //alert("双线2服 将于今日下午5点准时开启,敬请期待");
}
</script>


© 著作权归作者所有

共有 人打赏支持
梦梦阁
粉丝 27
博文 286
码字总数 157532
作品 0
嘉定
高级程序员
加载中

评论(3)

梦梦阁
梦梦阁

引用来自“水水糖”的评论

怎么用 急。。。。研究好多好多天了,就是找不到合适的,我是外行的,麻烦给个代码或者文件可以吗,严重心累,,我就是想 设计个简单的自适应浏览器分辨率 背景图片全屏显示,就是找不到,
这个要有针对性的,针对你的架构,图片之类的要js控制的
水水糖
水水糖
怎么用 急。。。。研究好多好多天了,就是找不到合适的,我是外行的,麻烦给个代码或者文件可以吗,严重心累,,我就是想 设计个简单的自适应浏览器分辨率 背景图片全屏显示,就是找不到,
水水糖
水水糖
怎么用 急。。。。研究好多好多天了,就是找不到合适的,我是外行的,麻烦给个代码或者文件可以吗,严重心累,,我就是想 设计个简单的自适应浏览器分辨率 背景图片全屏显示,就是找不到,
自适应网页设计的方法(手机端良好的访问体验)

昨天中午Google进行了一次在线讲座,讲述自适应网页设计的概念和方法,维护同一个网页代码,即可使网站在多种浏览设备(从桌面电脑显示器到智能手机或其他移动产品设备)上具有更好的阅读体验...

DanielYue
06/29
0
0
自适应网页设计/响应式Web设计2

随着3G的普及,越来越多的人使用手机上网。 移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的...

山哥
2012/05/25
0
0
HTML5+CSS3的响应式网页设计:自动适应屏幕宽度

这几天都在修改博客上面的样式。本来用的是d83.0的模板。自己又修改了许多地方,其中自己修改的一些地方在手机里面显示的效果不是很理想,于是想改成自适应的效果。对CSS3不是特别的熟练,只...

初雪之音
2016/07/19
72
0
自适应网页设计(Responsive Web Design)

随着3G的普及,越来越多的人使用手机上网。 移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的...

阮一峰
2012/05/01
0
0
浅谈Web自适应

前言 随着移动设备的普及,移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁,手机厂商繁多,导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端...

数通畅联
2016/08/19
75
0

没有更多内容

加载失败,请刷新页面

加载更多

TypeScript基础入门之JSX(二)

转发 TypeScript基础入门之JSX(二) 属性类型检查 键入检查属性的第一步是确定元素属性类型。 内在元素和基于价值的元素之间略有不同。 对于内部元素,它是JSX.IntrinsicElements上的属性类型...

durban
今天
1
0
AVA中CAS-ABA的问题解决方案AtomicStampedReference

了解CAS(Compare-And-Swap) CAS即对比交换,它在保证数据原子性的前提下尽可能的减少了锁的使用,很多编程语言或者系统实现上都大量的使用了CAS。 JAVA中CAS的实现 JAVA中的cas主要使用的是...

码代码的小司机
今天
2
0
Android JNI开发系列(十三) JNI异常处理

JNI 异常处理 JNI异常与JAVA处理异常的区别 JAVA 有异常处理机制,而JNI没有 如果JAVA中异常没有捕获,后面的代码不会执行,JNI会执行 JAVA编译时的异常,是在方法显示的声明了某一个异常,编...

蔡小鹏
今天
2
0
简单介绍Java 的JAR包、EAR包、WAR包区别

WAR包 WAR(Web Archive file)网络应用程序文件,是与平台无关的文件格式,它允许将许多文件组合成一个压缩文件。War专用于Web方面。大部分的JAVA WEB工程,都是打成WAR包进行发布的。 War是...

Linux就该这么学
今天
3
0
Qt那些事0.0.7

在帮助文档(Overview - QML and C++ Integration)中随缘遇到一张图,是关于C++对象与QML整合介绍的,值得标记下来,虽然大部分功能也有所涉猎,但是还是留个记号,万一哪天我失忆了还想写Q...

Ev4n
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部