文档章节

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

梦梦阁
 梦梦阁
发布于 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
博文 287
码字总数 159767
作品 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
网页背景怎么适应分辨率的改变?

今日小弟在制作一个网页时遇到了如下问题,为网页设置背景时,图片分辨率太小,填不满浏览器,我就做了一个和电脑分辨率适应的网页背景图片,可是如果其他分辨率的电脑访问不就又出问题了么?...

木叶源
2013/02/08
2.7K
6

没有更多内容

加载失败,请刷新页面

加载更多

RestClientUtil和ConfigRestClientUtil区别说明

RestClientUtil directly executes the DSL defined in the code. ConfigRestClientUtil gets the DSL defined in the configuration file by the DSL name and executes it. RestClientUtil......

bboss
今天
12
0

中国龙-扬科
昨天
2
0
Linux系统设置全局的默认网络代理

更改全局配置文件/etc/profile all_proxy="all_proxy=socks://rahowviahva.ml:80/"ftp_proxy="ftp_proxy=http://rahowviahva.ml:80/"http_proxy="http_proxy=http://rahowviahva.ml:80/"......

临江仙卜算子
昨天
9
0
java框架学习日志-6(bean作用域和自动装配)

本章补充bean的作用域和自动装配 bean作用域 之前提到可以用scope来设置单例模式 <bean id="type" class="cn.dota2.tpye.Type" scope="singleton"></bean> 除此之外还有几种用法 singleton:......

白话
昨天
8
0
在PC上测试移动端网站和模拟手机浏览器的5大方法

总结很全面,保存下来以备不时之需。原文地址:https://www.cnblogs.com/coolfeng/p/4708942.html

kitty1116
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部