大屏css样式，大屏css布局

...的定住背景图不随电脑分辨率改变而改变,请问应该怎样改CSS样式...

1、然后是铺满容器的问题，如果忽略IE内核的浏览器，用css3属性background-size： 100%；轻松解决，要兼容的话可以设一个背景层放在容器的下方，背景层里面放你的背景图片，宽高设为跟容器一样，然后把容器的背景设为透明即可。

2、第一步：你的这个banner，要设计成左右两端可以与页面背景相融合的那种形式。比如左右两端都用了渐变透明，看上去与整个网页的背景融合在了一起。第二步：这个1000px的banner，在屏幕上居中显示。

3、一：网页width 和height弄个固定值。但眼睛看肯定会觉得变了，实质没变。二：就是换成百分比，随每个人的屏幕而变。

相关问答

Q1: 通过CSS样式使得背景颜色铺满全屏

要解决页面背景颜色未铺满的问题，可以尝试以下几种方法：使用overflow属性：在包含transform属性的元素上添加overflow属性，并将其值设置为hidden，这可以使元素的背景颜色完全填充。

如果你的块级容器的宽高是动态的，那么背景图将自动伸缩，充满整个容器。

：一个很小的条状图，通过repeat后，形成一个很规则的大图背景。 但是css3出现以后，这个情况被改善了。background-size 属性可以让我们之前的希望成真。而且这个属性在firefox，chrome，以及ie9上都可以使用。

做1920宽度的背景；做100x100尺寸以内的小背景，通过background-image属性引入图片，使其上下左右循环重复，达到满屏效果，即四方连续。

Q2: JS如何根据屏幕大小调用不同CSS样式,分别是320.414.900.1400的屏

下边是JS获得屏幕大小的方法，调用不同的CSS是给某个对象，设置不同CSS样式吗？你最好说明你想要的效果。

上面的问题主要在于，需要使你改变后的值能得以保存，以确保刷新页面后不会被清掉。据我的理解，这类问题可以考虑使用cookie来保存，如果是带后台数据库支持，也可以考虑将这个数据保存到数据库里。

css不行的，如果用css表达式可以取到页面宽度和高度，但不兼容非ie浏览器。

.height()；//获取高度如果你想要匹配高度，那么，就是页面刚刚打开其实没有数据，是等页面打开，计算了屏幕高度之后，再根据每条数据的高度计算出条数，再利用ajax的异步传输去读取列表，然后用JS呈现在手机网页中的。

所有主流浏览器都支持这个设置，包括IE9，对于那些老式浏览器（主要是IE8），需要使用css3-mediaqueries.js。

Q3: css怎么让一张图片适应任何屏幕大小的电脑平铺?

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

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

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

4、根据页面设计情况选择相应的参数，方法就是设计背景size参数 background-size：cover ，适用于上半部分背景图片，下半部分纯色 将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。

5、第一步：你的这个banner，要设计成左右两端可以与页面背景相融合的那种形式。比如左右两端都用了渐变透明，看上去与整个网页的背景融合在了一起。第二步：这个1000px的banner，在屏幕上居中显示。

6、则0%-100%的透明度也被提供。PNG格式的图片的透明度不妨碍你选择文本。也就是说，你可以选择显示在PNG格式的图片完全透明区域后面的内容。这样我们就可以完美兼容绝大多数的浏览器，实现用CSS让背景图片100%填充了。

关于大屏css样式和大屏css布局的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。