css 页面适应宽度和分辨率
写的页面，当它窗口变成小窗口样式就会飞
浏览 623回答 2
如果不是写的响应式页面，就给页面设置一个min-width，这样当窗口变小，页面的显示也不会变，只是会出现横向的滚动条放置超出的部分。
那你别把样式设置为固定值&!doctype html&
&html lang=&en&&
&meta charset=&UTF-8& /&
&title&Document&/title&
body,html {
width: 100%;
height: 100%;
width: 80%;
height: 60%;
background:
#content {
width: 50%;
height: 50%;
background:
&div id=&wrap&&
&div id=&content&&
&/html&望采纳!
随时随地看视频14:19 提问
如何根据屏幕分辨率的不同 ，调用不同的css样式？
我的代码如下
function center(){
//判断显示器分辨率
var winWidth
= document.documentElement.clientW
var winHeight = document.documentElement.clientH
if((winWidth==1920)&&(winHeight==985)){
$("#css").attr("href","page/common/css/logo_style2.css");
}else if((winWidth==1366)&&(winHeight==673)){
$("#css").attr("href","page/common/css/logo_style1.css");
我在那个路径下，也写了两个css,为什么我换显示器时，这个不起作用，永远是开头定义的那个css样式。
&title&根据分辨率调整样式大小&/title&
&link href="page/common/css/logo_style1.css" type=text/css rel=stylesheet /&
请问怎么解决？
按赞数排序
$("#css").attr("href"这是什么？
如果是动态添加link节点，应该是下面这样
$("&link&")
.attr({ rel: "stylesheet",
type: "text/css",
href: "page/common/css/logo_style2.css"
.appendTo("head");
准确详细的回答，更有利于被提问者采纳，从而获得C币。复制、灌水、广告等回答会被删除，是时候展现真正的技术了！
其他相关推荐响应式布局CSS3 Media Queries中屏幕分辨率顺序写法比较 - Brain的技术笔记
(47,242) (31,192) (30,443) (22,491) (17,256) (16,545) (16,141) (13,757) (12,863) (12,057) (11,725) (11,621) (10,739) (9,747) (9,428)
2018年三月 &(4)
2017年十二月 &(2)
2017年十月 &(1)
2017年九月 &(1)
2017年八月 &(2)
2017年七月 &(2)
2017年六月 &(1)
2017年五月 &(1)
2017年四月 &(1)
2017年二月 &(2)
2017年一月 &(3)
2016年十二月 &(1)
2016年九月 &(1)
2016年八月 &(4)
2016年七月 &(1)
2016年四月 &(1)
2016年三月 &(1)
2016年一月 &(2)
2015年十一月 &(1)
2015年十月 &(2)
2015年九月 &(1)
2015年八月 &(1)
2015年七月 &(2)
2015年六月 &(3)
2015年五月 &(2)
2015年四月 &(2)
2015年三月 &(2)
2015年二月 &(1)
2015年一月 &(5)
2014年十二月 &(1)
2014年十一月 &(1)
2014年十月 &(4)
2014年九月 &(5)
2014年八月 &(3)
2014年七月 &(3)
2014年六月 &(1)
2014年五月 &(1)
2014年四月 &(1)
2014年三月 &(1)
2014年二月 &(1)
2014年一月 &(2)
2013年十二月 &(1)
2013年十一月 &(2)
2013年十月 &(2)
2013年九月 &(1)
2013年八月 &(2)
2013年七月 &(1)
2013年六月 &(1)
2013年五月 &(3)
2013年四月 &(3)
2013年三月 &(2)
2013年一月 &(4)
2012年十二月 &(1)
2012年十一月 &(3)
最近的文章不同的屏幕分辨率使用不同的CSS样式_西西软件资讯
西西软件园多重安全检测下载网站、值得信赖的软件下载站！
→ 不同的屏幕分辨率使用不同的CSS样式
类型：电子资料大小：3.9M语言：中文 评分：10.0
&DIV CSS教程：判断用户分辨率调用不同的CSS样式文件　　　var IE1024=&&;　　var IE800=&&;　　var IE1152=&&;　　var IEother=&&;　　　引号里面分别填写，用户使用IE的时候并且分辨率为*600,要使用的css文件名。　　　　var Firefox1024=&&;　　var Firefox800=&&;　　var Firefox1152=&&;　　var Firefoxother=&&;　　引号里面分别填写，用户使用FF的时候并且分辨率为*600,要使用的css文件名。　　　　var Other1024=&&;　　var Other800=&&;　　var Other1152=&&;　　var Otherother=&&;　　引号里面分别填写，用户使用其他浏览器的时候并且分辨率为*600,要使用的css文件名。　　不判断分辨率，只判断浏览器　　应E.Qiang提议，编如下代码。实现根据浏览器类型自动调用不同CSS。　　代码：Example Source Code [www.52css.com]　　&SCRIPT LANGUAGE=&javascript&&　　&!--　　if (window.navigator.userAgent.indexOf(&MSIE&)&=1)　　{　　file://如果浏览器为IE　　setActiveStyleSheet(&default.css&);　　}else{　　if (window.navigator.userAgent.indexOf(&Firefox&)&=1)　　{　　file://如果浏览器为Firefox　　setActiveStyleSheet(&default2.css&);　　}else{　　file://如果浏览器为其他　　setActiveStyleSheet(&newsky.css&);　　}　　} 　　function setActiveStyleSheet(title){ 　　document.getElementsByTagName_r(&link&)[0].href=&style/&+ 　　}　　file://--&　　&/SCRIPT&　　解 释：　　如果浏览器为IE，则调用default.css　　如果浏览器为Firefox，则调用default2.css　　如果浏览器为其他，则调用newsky.css　　用法：放在&head&&/head&中即可。Example Source Code [www.52css.com]　　&SCRIPT LANGUAGE=&javascript&&　　&!--　　if (window.navigator.userAgent.indexOf(&MSIE&)&=1)　　{　　var IE1024=&&;　　var IE800=&&;　　var IE1152=&&;　　var IEother=&&; 　　ScreenWidth(IE1024,IE800,IE1152,IEother)　　}else{　　if (window.navigator.userAgent.indexOf(&Firefox&)&=1)　　{　　file://如果浏览器为Firefox　　var Firefox1024=&&;　　var Firefox800=&&;　　var Firefox1152=&&;　　var Firefoxother=&&;　　ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)　　}else{　　file://如果浏览器为其他　　var Other1024=&&;　　var Other800=&&;　　var Other1152=&&;　　var Otherother=&&;　　ScreenWidth(Other1024,Other800,Other1152,Otherother)　　}　　}　　function ScreenWidth(CSS1,CSS2,CSS3,CSS4){　　if ((screen.width == 1024) && (screen.height == 768)){　　setActiveStyleSheet(CSS1);　　}else{　　if ((screen.width == 800) && (screen.height == 600)){　　setActiveStyleSheet(CSS2);　　}else{　　if ((screen.width == 1152) && (screen.height == 864)){　　setActiveStyleSheet(CSS3);　　}else{　　setActiveStyleSheet(CSS4);　　}}}　　}　　function setActiveStyleSheet(title){ 　　document.getElementsByTagName_r(&link&)[0].href=&style/&+ 　　}　　file://--&　　&/SCRIPT&
06-2304-0503-1207-2801-1412-1508-0207-2003-0602-14
阅读本文后您有什么感想? 已有23人给出评价!
名称大小下载让CSS自适应屏幕分辨率，这是比较常用的方法，多见于一些博客或用来显示图片的时候，图片的背景一般都平铺。让CSS的Div适应分辨率，可以有多种方法，我们可配合JavaScript来实现，下面说下这几种方法如何实现：
无滚动条的情况下：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&左右两列自适应屏幕宽度&/title&
*{margin:0 padding:0}
div{height:300}
.left{width:50%; float: background-color:#FF0000;}
.right{width:50%; float: background-color:#0000FF;}
&body scroll=&no&&
&div class=&left&&&/div&
&div class=&right&&&/div&
有滚动条的情况下：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN&
&http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&CSS自适应屏幕&/title&
*{margin:0 padding:0}
div{height:300}
.left{width:50%; float: background-color:#FF0000;}
.right{width:50%; float: background-color:#0000FF;margin-right:-20}
&div class=&left&&&/div&
&div class=&right&&&/div&
本类推荐文章
本类最新更新
处理 SSI 文件时出错