文档章节

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

梦梦阁
 梦梦阁
发布于 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>


© 著作权归作者所有

共有 人打赏支持
梦梦阁
粉丝 24
博文 269
码字总数 151619
作品 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
响应式设计如何让图片自适应?宽度100%?

  【IT168 评论】Ethan Marcotte曾经在A List Apart上发表过一篇名为“Responsive Web Design”的文章,他当时就提出了响应式架构的概念(不少混迹技术圈的肯定看过这篇文章,这里就不再赘述...

it168网站
2017/09/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

arts-week5

Algorithm 824. Goat Latin - LeetCode 152. Maximum Product Subarray - LeetCode 110. Balanced Binary Tree - LeetCode 67. Two Sum II - Input array is sorted - LeetCode 665. Non-dec......

yysue
27分钟前
0
0
iOS开发之AddressBook框架详解

iOS开发之AddressBook框架详解 一、写在前面 首先,AddressBook框架是一个已经过时的框架,iOS9之后官方提供了Contacts框架来进行用户通讯录相关操作。尽管如此,AddressBook框架依然是一个非...

珲少
57分钟前
1
0
两年摸爬滚打 Spring Boot,总结了这 16 条最佳实践

Spring Boot是最流行的用于开发微服务的Java框架。在本文中,我将与你分享自2016年以来我在专业开发中使用Spring Boot所采用的最佳实践。这些内容是基于我的个人经验和一些熟知的Spring Boot...

Java填坑之路
今天
4
0
《Spring5学习》04 - 面向切面编程

一、Spring面向切面编程的基本概念 面向切面编程(即AOP):把项目中需要再多处使用的功能比如日志、安全和事务等集中到一个类中处理,而不用在每个需要用到该功能的地方显式调用。 横切关注...

老韭菜
今天
2
0
day61-20180819-流利阅读笔记

跑道没了,它们还在跑:澳门赛狗业的遗孤 Daniel 2018-08-19 1.今日导读 相信你早就知道香港有个赛马会,可是你听说过香港的邻居澳门原本有个赛狗会吗?其实,对于澳门人来说,赛狗这项活动历...

aibinxiao
今天
15
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部