CSS样式设置像素在css中如何设置图像元素大小

怎么让css随电脑像素尺寸自适应?

最好就是找一些响应式网页设计的书籍看看，多看多练。

创新互联建站为您提适合企业的网站设计让您的网站在搜索引擎具有高度排名，让您的网站具备超强的网络竞争力！结合企业自身，进行网站设计及把握，最后结合企业文化和具体宗旨等，才能创作出一份性化解决方案。从网站策划到网站设计、网站建设，我们的网页设计师为您提供的解决方案。

另外，针对不同移动设备下，不同分辨率通常采用服务端判断设备类型，然后加载相应css去实现不同设备访问自适应。

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

具体说，CSS代码不能指定像素宽度：width：xxx px；只能指定百分比宽度：width： xx%；或者 width：auto；相对大小的字体字体也不能使用绝对大小（px），而只能使用相对大小（em）。

1、要处理这个问题，必须先补充一个知识点，就是设备的物理像素[设备像素] & 逻辑像素[CSS像素]；物理像素：移动设备出厂时，不同设备自带的不同像素，也称硬件像素；逻辑像素：即css中记录的像素。

2、例如：我做了一个页面，上面只有两条边框，在高清屏（如iPhone5s）上，经过特殊处理的边框比1像素的边框还要细。因此，在高清屏上，border-width：1px；并不是最小边框。浏览器可以显示的最小粒度比CSS中的1px还要小。

3、给文本加边框上面的示例中，给一段文字加了不同的边框，只是为了说明边框线的颜色、粗细是可变的。

一般的解决方案。采用定长定宽的布局。规划好页面的各部分元素大小。精确到px。然后整体居中，两侧留白。这样分辨率不一样，只会影响留白部分的大小。居中部分在各分辨率下显示效果一致。另一种解决方案比较少用。

bootstrap是个很好的响应式框架。pc端移动端二合一。自己可以用@media媒体对各个分辨率写下对饮的样式属性。

细分的话，一个布局的问题，可以考虑用百分比的办法，就像亚马逊一样，宽度始终是满屏的，但是会带来空白的分布问题，还有一个是字体的问题，实在想解决的话就针对不同的分辨率调用不同的css吧。

第一种办法：body的width设置为100%，然后body下的总的div的width设置为固定宽度，比如：然后每个div里面的元素再具体设置宽度。第二种办法，如果你要针对移动端用户，可以使用响应式web设计。

而是在放大图背景的p里继续放一个安全宽度p，再把它作为父元素做相对定位，给里面的子元素做绝对定位，这样就不会出现不同分辨率下绝对定位错乱的问题了。

网页名称：CSS样式设置像素在css中如何设置图像元素大小
文章出自：http://mswzjz.cn/article/dgicedp.html