网页自动适应不同分辨率的电脑

问题描述

网页自动适应不同分辨率的电脑

怎样让一个网页在相对本身较大的分辨率上居中,在较小的分辨率是自动适应?是不是需要用函数判断一下,或者说怎样让一个网页适应不同大小的分辨率的电脑呢?

解决方案

js可以实现,纯css可以在部分浏览器实现。具体叫响应式设计,同一张网页可以在手机、平板、手提本,台式各种屏幕都行。现在有比较好的是bootstrap框架,根据这玩艺,国内做了个本地化的z-ui(zui.sexy,这个是域名)

解决方案二:

css media screen对不同分辨率的电脑应用不同的样式

解决方案三:

可以看看bootstrap框架。

解决方案四:

宽度用百分比表示就能达到这个要求的,它会根据屏幕分辨率自动调整网页宽度的。

解决方案五:

服务器发个请求客户端,客户端用AJAX发送目前的显示器设置

解决方案六:

用权重,不要用固定的像素

解决方案七:

定一个最大宽度就可以了,width=“100%”

时间: 2024-12-29 01:25:46

网页自动适应不同分辨率的电脑的相关文章

网页基于不同分辨率的电脑的自适应问题

问题描述 网页基于不同分辨率的电脑的自适应问题 一般怎样让一个网页适应不同分辨率的电脑呢?一般什么时候用绝对的像素什么时候用百分比呢?感觉如果使用绝对的像素肯定不能适应不同分辨率的电脑,而如果用百分比的话又是图片会拉伸的很严重,还有就是当小窗口时怎样保持元素的相对位置不变呢? 解决方案 用百分比的是网页,你的图片不用百分比,如果用百分比的话,这样的图片你最好用九宫格的: 解决方案二: 服务器发个请求客户端,客户端用AJAX发送目前的显示器设置 解决方案三: 网页适应不同分辨率最简单的方法 htt

网站设计技巧让网页自动适应不同的分辨率

有时候网页在不同的分辨率下视觉效果不一样,为了达到最佳的视觉效果,最好的方法是做几版网页,让他们各自适应常用的几种分辨率,最后使用下面介绍的代码,来判断浏览者的分辨率,给予最佳的视觉效果. 这种方法比较简单地,呵呵.大家可以根据自己地要求改.   做3个页面,分别命名为"640480.htm""800600.htm"1024768.htm",3个页面分别为三种分辨率下浏览的页,然后index.htm的原代码如下:   <html>   <

网页自动退出登录账号设置教程

在办公或者学习过程中,我们经常会遇到突然有事要偶尔出去下,但很多时候我们以为出去只要一小会,但很多时候并没我们预期的那样短,这时我们的电脑还是在浏览网页,没来得及关闭网页,而我们的各种网络/网银账号也都是登陆状态,没来得及关掉,很容易泄露自己的隐私,如何让电脑在你不用网页一段时间以后自动退出登陆呢?下面我们来为大家推荐让网页自动退出登录的方法. 其实方法也很简单,主要用到的是组策略,下面我们一起来看操作步骤: ⒈)首先进入组策略,我们可以按快捷键"win+r打开运行,然后输入gpedit.msc

DNS地址被劫持打开网页自动跳转到其他页面怎么办

  平时会使用win7纯净版64位浏览器来访问某些网站或查找资料,但有用户出现只要是打开网页就自动跳转到某一页面,如病毒页面.中奖诈骗广告页面.淘宝页面广告等等,这给用户带来极大困扰,出现这种情况很有可能是电脑感染到病毒,DNS地址被劫持所致,我们可以试试小编给大家带来的解决教程. 1.如果出现了打开任务网页的时候直接跳转到指定页面,这时候就是DNS域名解析出问题了,一般要先将控制面板打开. 2.打开控制面板之后会出现几个板块选项,而出现的是网络问题,因此要选中里面的网络和intnet选项,接着

JavaScript技巧:让网页自动穿上外套

javascript|技巧|网页  进行网页设计时,许多网页都需要相同的边框图案和导航条,FrontPage给我们提供了共享边框方便设计,但是,这样也不太方便,毕竟每个网页都添加了相同的内容,无形中网页增大了,当然,对于动态网页,这不是问题,但是,如果是静态的呢?  怎样可以克服这个缺点,通过框架可以实现这些的,只是,框架又引来了另一个麻烦,就是如果直接打开框架内部网页,脱去了华丽的外套,是不是显得很单调,这里我们找一种好的方法,让脱去外套的网页自动穿上外套,你想到了吗?如果你对这个议题不感兴趣

小技巧:网页自动转向代码

技巧|网页 自动转向,也叫自动重定向.自动跳转,指当访问用户登陆到某网站时,自动将用户转向其它网页地址的一种技术.转向的网页地址可以是网站内的其它网页,也可以是其它网站.通常情况下,浏览器会收到一个网页,该页面含有自动加载一其它网页的代码.该页面有可能在服务器端被转换,这样的话,浏览器只收到一个页面,而自动转向往往意味着浏览器收到的页面具有自动将访问用户送至其它页面的功能. 对自动转向技术的合理应用包括:将用户转向到指定浏览器的网页版本:当网站的域名变更或删除后将人们转向到新域名下,等等.但现在

&amp;#106avascript技巧:让网页自动穿上外套

技巧|网页   进行网页设计时,许多网页都需要相同的边框图案和导航条,FrontPage给我们提供了共享边框方便设计,但是,这样也不太方便,毕竟每个网页都添加了相同的内容,无形中网页增大了,当然,对于动态网页,这不是问题,但是,如果是静态的呢?   怎样可以克服这个缺点,通过框架可以实现这些的,只是,框架又引来了另一个麻烦,就是如果直接打开框架内部网页,脱去了华丽的外套,是不是显得很单调,这里我们找一种好的方法,让脱去外套的网页自动穿上外套,你想到了吗?如果你对这个议题不感兴趣,你可以走开了,下

基于JSP网页自动生成工具的设计与实现

js|设计|网页 摘 要:Web开发技术是Internet应用的一个重要方面,而JSP又是Web开发的最先进的技术,是当前Web开发人员的首选技术.但是由于JSP对Web开发人员要求较高,所以许多一般的Web开发人员还不能够使用这一项先进的技术.讨论基于模板和标签库的JSP网页自动生成工具的设计和实现,提出具体的设计思想和实现方法. 关键词:JSP:自动生成:Web开发:标签:标签库:模板 目录: 引言-------------------------..2 1          系统设计目标和

JavaScript让网页自动穿上外套的方法技巧

javascript|技巧|网页 进行网页设计时,许多网页都需要相同的边框图案和导航条,FrontPage给我们提供了共享边框方便设计,但是,这样也不太方便,毕竟每个网页都添加了相同的内容,无形中网页增大了,当然,对于动态网页,这不是问题,但是,如果是静态的呢? 进行网页设计时,许多网页都需要相同的边框图案和导航条,FrontPage给我们提供了共享边框方便设计,但是,这样也不太方便,毕竟每个网页都添加了相同的内容,无形中网页增大了,当然,对于动态网页,这不是问题,但是,如果是静态的呢? 怎样可