13518219792
最好就是找一些响应式网页设计的书籍看看，多看多练。
创新互联建站为您提适合企业的网站设计 让您的网站在搜索引擎具有高度排名，让您的网站具备超强的网络竞争力！结合企业自身，进行网站设计及把握，最后结合企业文化和具体宗旨等，才能创作出一份性化解决方案。从网站策划到网站设计、网站建设， 我们的网页设计师为您提供的解决方案。
另外，针对不同移动设备下，不同分辨率通常采用服务端判断设备类型，然后加载相应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，再把它作为父元素做相对定位，给里面的子元素做绝对定位，这样就不会出现不同分辨率下绝对定位错乱的问题了。
