怎么让css随电脑像素大小自适应?

您好，css样式很难在所有的浏览器 分辨率下显示一样的。就现在来说几乎不可能，所以现在网页设计一般是给div设计固定的宽高的 width 和height 如果不设定的话 有些方屏宽屏 显示的不一样，会有拉伸走形的！
很高兴能回答您的问题，希望能帮到您，满意请及时采纳

固定宽度的静态网站很快被灵活的响应式设计所取代，该设计可以根据屏幕大小进行上扩和下扩。利用响应式设计，无论采用什么设备或屏幕来访问网站，都可以呈现一个可用的界面。响应式设计可以响应各种屏幕大小，因此也成为了 “前瞻性” 的网站，屏幕将随着新的智能手机和平板电脑的问世而快速演变。实现响应式设计的主要途径是使用 CSS 媒体查询。在本文中，将了解如何将媒体查询用于桌面网站、移动电话和平板电脑。
<style>@media screen { body{ color: #f00; }}@media screen and (min-width: 960px) { body{ background: #999; }}@media screen and (device-width: 1024px) { .test { display: #E00; }}</style>

系统自带的画图工具中调整大小选项中可以调

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

第二步：这个1000px的banner，在屏幕上居中显示。然后不管你的显示器分辨率多宽，它都会居中。

通过这种方式。这个1000px的banner，让人看上去不分显示器分辨率多大，都是通屏显示了。。。

没有其他的办法。除非你不在意图片变形，在网页中用一段js来取当前浏览器的实际宽度，然后用js来改变这个banner的width值。但这样图片会变形的(即便你用等比例缩放，但是放大后图片失真了)

很多时候在工作需要对一些照片进行处理的时候，会有要求说照片的像素不能太大了，太大会无法识别或者模糊，可是一张张查看照片属性真的很麻烦吧，那么该如何查看图片的尺寸大小呢，其实通过修改文件加管理器即可显示查看了，下面小编就以系统为例，跟大家分享一下查看图片尺寸的大小及像素的具体方法吧。
1、首先点击打开图片存储的文件夹，找到资源管理器里面如图，选择“详细信息”；
2、然后在资源管理器右键菜单空白处，右击，选择“其他”选项；
3、接着在弹出来的选择详细选信息界面中中，找到并勾选“尺寸”，然后点击确定按钮即可；
4、这样打开显示之后，刚刚图片文件夹里面的图片后面就能看到图片的像素大小了。
5、通过上面的设置之后，虽然刚刚那个文件夹已经生效了，但是其他有图片的文件夹还是不显示尺寸，那么我们可以通过打开资源管理器菜单里面的“工具文件夹选项”；
6、然后在弹出来的文件夹选项窗口汇总，切换到“查看”选项卡下，然后点击“应用到所有文件夹”，选择“是”保存即可。
7、这样再次查看其它文件夹有图片的，都显示尺寸大小了。
特别提醒：
1、对于win7系统的自带的图库里面的图片是不会显示详细信息，尺寸这一栏的。
上面跟大家介绍的就是电脑公司win7旗舰版系统下怎么查看图片尺寸的大小及像素，还不知道要如何查看图片尺寸大小的朋友们可以根据上面的方法进行操作吧，大家可以尝试看看，更多精彩内容欢迎访问。