文档章节

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

梦梦阁
 梦梦阁
发布于 2015/12/07 10:32
字数 138
阅读 33
收藏 0
点赞 0
评论 3
<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>


© 著作权归作者所有

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

评论(3)

梦梦阁
梦梦阁

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

怎么用 急。。。。研究好多好多天了,就是找不到合适的,我是外行的,麻烦给个代码或者文件可以吗,严重心累,,我就是想 设计个简单的自适应浏览器分辨率 背景图片全屏显示,就是找不到,
这个要有针对性的,针对你的架构,图片之类的要js控制的
水水糖
水水糖
怎么用 急。。。。研究好多好多天了,就是找不到合适的,我是外行的,麻烦给个代码或者文件可以吗,严重心累,,我就是想 设计个简单的自适应浏览器分辨率 背景图片全屏显示,就是找不到,
水水糖
水水糖
怎么用 急。。。。研究好多好多天了,就是找不到合适的,我是外行的,麻烦给个代码或者文件可以吗,严重心累,,我就是想 设计个简单的自适应浏览器分辨率 背景图片全屏显示,就是找不到,
HTML5+CSS3的响应式网页设计:自动适应屏幕宽度

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

初雪之音 ⋅ 2016/07/19 ⋅ 0

响应式布局

一、第一步:Meta标签 大多数移动浏览器将HTML页面放大为宽的视图(viewport)以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视图标签告诉浏览器,使用设备的宽度作为视图宽...

波利beryl ⋅ 2014/11/21 ⋅ 0

自适应网页设计的方法(手机端良好的访问体验)

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

DanielYue ⋅ 2016/06/17 ⋅ 0

自适应网页设计/响应式Web设计2

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

山哥 ⋅ 2012/05/25 ⋅ 0

自适应网页设计(Responsive Web Design)

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

阮一峰 ⋅ 2012/05/01 ⋅ 0

WAP2.0页面与屏幕分辨率自适应

WAP2.0页面怎么能与屏幕分辨率自适应,就是针对不同的手机,不同的浏览器,不同的分辨率页面上的布局、文字大小、图片大小能够自适应?好比win下的屏幕分辨率,分辨率高时桌面图标、文字变小,...

曹_翔 ⋅ 2011/02/11 ⋅ 1

响应式和自适应的区别

玩前端也有几个月了,发现大家普遍混淆了响应式和自适应的概念。先给大家体验一下响应式和自适应的区别,请放大缩小一下屏幕尝试 自适应的体验http://m.ctrip.com/html5/ 响应式的体验 http...

LorinLuo ⋅ 2015/03/06 ⋅ 6

响应式设计如何让图片自适应?宽度100%?

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

it168网站 ⋅ 2017/09/17 ⋅ 0

wap2.0自适应问题

wap2.0可以用table来布局的吗? WAP2.0页面怎么能与屏幕分辨率自适应,就是针对不同的手机,不同的浏览器,不同的分辨率页面上的布局、文字大小、图片大小能够自适应?好比win下的屏幕分辨率...

yaojuan ⋅ 2011/08/30 ⋅ 1

浅谈Web自适应

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

数通畅联 ⋅ 2016/08/19 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

从方法论到零售客户实践 解码阿里巴巴数据中台——2018上海云栖大会

摘要: 一、数据中台之道 6月8日,上海云栖大会进入了第二天的议程,数据中台专场论坛座无虚席,数据中台总架构师邓中华女士向在场的观众介绍了数据中台的衍生发展之道。 基于OneID、OneData...

阿里云云栖社区 ⋅ 15分钟前 ⋅ 0

Ubuntu部署django问题汇总

使用Anaconda3的Python3.6的pip安装UWSGI报错 原因是gcc版本不兼容,安装4.7并修改gccsudo apt-get install gcc-4.7sudo mv /usr/bin/gcc /usr/bin/gcc.baksudo ln -s /usr/bin/gcc-4.......

wuyaSama ⋅ 18分钟前 ⋅ 0

从方法论到零售客户实践 解码阿里巴巴数据中台——2018上海云栖大会

摘要: 一、数据中台之道 6月8日,上海云栖大会进入了第二天的议程,数据中台专场论坛座无虚席,数据中台总架构师邓中华女士向在场的观众介绍了数据中台的衍生发展之道。 基于OneID、OneData...

猫耳m ⋅ 18分钟前 ⋅ 0

Docker减肥小记

如果经常使用 docker,你会发现 docker 占用的资源膨胀很快,其中最明显也最容易被察 如何快速的清理 docker 占用的系统资源,具体点说就是删除那些无用的镜像、容器、网络和数据卷… 1、查看...

寰宇01 ⋅ 29分钟前 ⋅ 0

微信小程序中如何使用WebSocket实现长连接(含完整源码)

本文由腾讯云技术团队原创,感谢作者的分享。 1、前言 微信小程序提供了一套在微信上运行小程序的解决方案,有比较完整的框架、组件以及 API,在这个平台上面的想象空间很大。腾讯云研究了一...

JackJiang- ⋅ 36分钟前 ⋅ 0

定制库到Maven本地资源库

1.如果只有定制库的JAR文件 下载链接如下:pdf.jar 2.使用命令转换成Maven本地资源 mvn install:install-file -Dfile=/Users/manager/Downloads/clj-pdf-2.2.33.jar -DgroupId=clj-pdf -Dar......

年少爱追梦 ⋅ 41分钟前 ⋅ 0

高仿springmvc之xuchen-mvc

package org.mvc.framework.servlet; import java.io.BufferedReader; import java.io.ByteArrayInputStream; import java.io.ByteArrayOutputStream; import java.io.File; import java.io.......

徐志 ⋅ 43分钟前 ⋅ 0

关于自定义URLStreamHandler的一次踩坑

关于自定义URLStreamHandler的一次踩坑 20180625 lambo init 说明 一般自定义实现url的协议解析.方案为实现URLStreamHandler.实现其 openConnection 就可以了, 如果我们执行 new URL("xx://...

林小宝 ⋅ 44分钟前 ⋅ 0

【SM2证书】利用BC的X509v3CertificateBuilder组装X509国密证书

演示证书文件 链接: https://pan.baidu.com/s/1ijHNnMQJj7jzW-jXEVd6Gg 密码: vfva 所需jar包 <!-- https://mvnrepository.com/artifact/org.bouncycastle/bcpkix-jdk15on --> <dependenc......

小帅帅丶 ⋅ 45分钟前 ⋅ 0

用Calendar 实现 计算 一段时间的毫秒值

Calendar c=Calendar.getInstance();c.add(Calendar.MONTH, -1);int lastMonthMaxDay=c.getActualMaximum(Calendar.DAY_OF_MONTH);c.set(c.get(Calendar.YEAR), c.get(Calendar.MONTH)......

岸芷汀兰 ⋅ 49分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部