适用不同屏幕写css样式的简单介绍

根据屏幕分辨率是使用不同的CSS

1、用if else来判断，给设置一个ID，再根据setAttribute改变src的属性。

成都创新互联主要从事成都做网站、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务平舆,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

2、用if else 来判断，给设置一个ID，再根据setAttribute改变src的属性。

3、//根据分辩率控制层的位置，注意要放在div之后，否则会说找不着对象。//最好的办法就是放在html最后啦...//如果一定要放前面，那就用Function吧，在Body的onload事件中加上XXX()；即可。

比如#bg{position：fixed；width：100%；height：100%；} 万维网上的一个超媒体文档称之为一个页面（外语：page）。

创建以下目录结构的测试页面。将测试图片显示在浏览器界面上，效果如下。通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。

首先，打开html编辑器，新建html文件，例如：index.html。

如果是要平铺的图片只能做成单张的图片，集合图片（css sprite）是不行的。至于实现平铺效果用：background-repeat：repeat；background-repeat：repeat-y；background-repeat：repeat-x；再看看别人怎么说的。

根据不同的分辨率，引入不同的css样式表这个方法和方法一相同，也是通过判断电脑的分辨率，来引入相对应的css样式表。

如果需要整个网页自适应浏览器高宽，可以把高宽设置为%.（例如给最大的div设置：width：80%，这样这个div的宽度永远都只是浏览器宽度的80%）祝你好运。div+css屏幕分辨率的问题。

不仅如此，有的时候项目的要求不高，没有比较1：1高度还原设计稿，那么这个时候，我们在1440分辨率下的样式表，在1280分辨率下也是实用的，这个时候，我们的工作量又进一步减少。

其实基本上就是样式覆盖~，判断设备，然后引用不同的样式文件覆盖。要注意的是由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要，否则会出现横向滚动条。

1、你首先要了解CSS的跨浏览器知识，不是一时半会能掌握的。最简单是使用JS框架如：jquery、Extjs等。

2、Safari Chrome 如果你是网页设计师，你需要知道各大浏览器所使用的是什么内核，这样只需要针对内核测试便可以达到“不同电脑上都能正常显示”。

3、一般都是把图片做到一个图上，通过定位显示不同的位置，这个可以参考“css图片精灵”，用法自行百度。如果你使用HTML5+CSS3就比较省事了。可以针对不同浏览器写不同的css样式，它自己能够识别不同的浏览器类型然后切换样式。

4、你好，css代码存在浏览器兼容性问题，因为不同的浏览器对同一段代码有不同的解析，会造成页面显示效果不统一的情况。

分享文章：适用不同屏幕写css样式的简单介绍
文章源于：http://6mz.cn/article/diopsce.html