css样式中图片随分辨率变化，css 分辨率

css样式自适应分辨率

1、这个方法的思路是，分别针对800、1280、1440、1600、1920等分辨率，创建不同的css文件。然后在各种分辨率下，写css样式表。 我们只需要在我们的HTML页面的标签中，使用js，根据不同的电脑分辨率，加载不同的css样式表。

2、你可以：第尝试把CSS样式中可能会发生改变的宽度及高度的准确数值改为百分比(这个可以根据屏宽和你的高度、宽度计算出来)。

3、如果屏幕宽度在400像素到600像素之间，则加载smallScreen.css文件。除了用html标签加载CSS文件，还可以在现有CSS文件中加载。CSS的@media规则 同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。

相关问答

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

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

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

在淘宝页面装修中添加自定义模块，选择这个模块上边的编辑两个字，然后在源代码上打勾，就可以添加html+css代码了。您可以在网上找代码，然后再修改css即可。不过，不建议你添加过多的自定义模块。

因为淘宝模板只能CSS内置，所以说直接定义元素的CSS样式才可以，可以在DW中编辑后覆盖和粘贴，具体CSS的写法可以参考下 http：// 。

Q2: 利用css样式根据显示器的分辨率的不同来决定背景图的显示位置

引号里面分别填写，用户使用FF的时候并且分辨率为1024*768，800*600，1152*864要使用的css文件名。

首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。设置背景图片。

首先获取到screenX，screenY，然后将图片的大小设置为该值的百分比，就可以自动缩放了。

Q3: 怎样在CSS里根据显示器分辨率调整大小以px为单位的图片宽度?

media (min-width：800px) and (max-width：1200px) { ... }即：屏幕分辨率大于800，小于1200的使用这个策略。这样就可以根据不同的屏幕分辨率在css样式里设置图片的宽度了。

首先需要新建一个HTML页面。然后输入页面的标题，可以按照下方图中的进行设置。然后在根据下方图片中的代码进行编辑，在两个div的class 中添加相同的控制图片的class名为了 ”img“，并为div添加控制宽度的样式。

CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。

一是通过将该图片设定为某个div的背景图片，然后该div的长宽不使用绝对的px，使用相对的em或者rem。二是将图片设定display：block，设定图片的长宽为rem或者em。

使用CSS max-width和max-height实现图片自动等比例缩小 很简单我们要使用到max-width和max-height，这样即可设置对象图片最大宽度和最大高度，这样图片就会等比例缩放图片，然图片相对不变形清晰。

如果屏幕宽度在400像素到600像素之间，则加载smallScreen.css文件。除了用html标签加载CSS文件，还可以在现有CSS文件中加载。CSS的@media规则 同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。

Q4: 如何利用css将图片设置为背景图,根据不同分辨率的屏幕,自动缩放_百度...

1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body {background： url(image.jpg) no-repeat； background-size： 300px}。

2、crop： 剪切图片以适应对象尺寸。image： 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。scale： 缩放图片以适应对象的尺寸边界。src： 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。

3、可以通过cover和contain来对图片进行伸缩。

4、首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。然后建立一个html文档，将它和背景图片放到一个文件夹中。编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px。

5、background：url(../../config/img/Title.png) repeat-y；竖着铺 什么不加就是横竖平铺 如果你是想拉伸的话，竖着切一张几个像素宽的背景图（比如说宽2px，高990px这样的一张图），然后设置repeat-x，横向平铺。

6、引号里面分别填写，用户使用其他浏览器的时候并且分辨率为1024*768，800*600，1152*864要使用的css文件名。

Q5: ...网页的图片和内容也乱了,请问如何能让网页不随分辨率改变而...

1、现在大多数网民都还在用800*600的分辨率，所以我们一般可以以此分辨率为主，要想让网页在1024*768时居中，只要在网页原代码的后紧加一句，前加一句就OK了。

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

3、图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：img{ width：100%； max-width：100%；}。

4、确定页面的margin：top、right、down、left 边距，让页面居中显示，页面的分辨率不大于1024px。

5、然而并不能固定。分辨率由显示器决定。只能通过CSS来决定页面的宽度尺寸。当你用1024*768的显示器时，你会发现页面很大。但你用1920*1080的显示器时。就会发现页面变小了。其实页面的尺寸还是一样的。

css样式中图片随分辨率变化的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css 分辨率、css样式中图片随分辨率变化的信息别忘了在本站进行查找喔。