简单点就是布局设置宽度的时候，用百分百设置但这样还是很容易出问题内容溢出，内容移位最好就是用响应式布局，专门针对各个分辨率进行设计css。

可以查询当前浏览器的大小，所以可以用这个方法为同一个页面设置不同的CSS样式，以满足不同的分辨率要求2采用bootstrap框架布局 bootstrap框架布局的页面是自动对应的自适应效果但是在写作的时候要严格按照bootstrap的写作规。

也就是一半colsm6代表在平板上也显示p占当前行的一半colxs12代表在手机端显示为当前行的百分之百填充3还有其他方式，如JQuery和专门做响应式的JS文件，比如nicebox均能实现自适应效果，实现响应式布局。

使用fiex进行响应式布局主要是通过设置displayflex将元素设置为伸缩容器flefXboxlayout的主要思想是赋予容器允许其子项改变宽度高度甚至顺序的能力，以最佳方式填充可用的空空间主要是适应所有类型的显示设备和屏幕尺寸。

如何用CSS做响应式布局呢1在HTML头部添加以下代码，用来显示兼容移动设备的显示效果 参数详解width=devicewidth 宽度等于当前设备的宽度 initialscale=1 初始的缩放比例默认为1minimumscale=1 允许用户缩。

禁止响应式布局有以下步骤1去掉这个CSS文档中提到的设置浏览器视口的标签2属性设置宽度值来重写框架的默认宽度设置容器类，比如宽度970px重要确保所有这些设置都放在默认的引导CSS文件后面注意，如果放在媒体。

响应式布局多少宽到多少宽调用这个css样式怎么写 响应式布局就是根据浏览器显示区域大小不同显示不同的样式，比如说你的浏览器是电脑1366*768就显示宽屏布局如左右布局，如果是手机宽480px，就显示适用于手机的布局如。

响应式布局，说直白点就是一个网站能够兼容多个终端，可以按不同的分辨率显示不同的状态而实现这个就要用到css3的Media Queries媒介查询这个功能非常的强大，但是有优点的同时，缺点也是会存在的那就是兼容各种设备。

响应式布局就是一个网站能够兼容多个终端而不是为每个终端做一个特定的版本这个概念是为解决移动互联网浏览而诞生的在我们的移动端的网页设计中，要求很高，1像素的差别就影响我们的整个页面的设计美感所以，我们。

2能够快捷解决多设备显示适应问题 缺点不能完全兼容所有浏览器，代码累赘，加载时间加长说了这么多，可能还有很多人，不明白响应式布局该怎么去做，以及它的开发原理是什么原理简单点说响应式布局它是通过CSS中Media。

第二，这种方法最常见网站分为两部分，一部分针对电脑，一部分针对手机当用户请求一个页面时，利用标题信息来判断是否是计算机浏览器，然后针对不同的请求发送不同的网页文件这样的网页通常不是静态的此外，在开发移动。

如果想pc端和手机端样式相同的话，那就是css样式写一套，不要响应式布局而你说的背景缺失的话还是跟css的代码优化有关web前端页面美观度自我评价亲提这个问题是想写在简历里还是项目总结里，我觉得无论这个问题答案。

那在我们的实际专案中应该怎么去设计呢？在以往我们设计网站的时候都会受到不同浏览器的相容性的困扰，现在还要来个不同尺寸装置，我们该怎么淡定下来呢？有需求就会有解决方案，呵呵，说到响应式布局，就不得不提起CSS3中的。

写一个小例子给你看看，你就明白了 html内容如下 左边的内容 右边的内容css内容如下leftwidth200pxfloatleftmarginright200pxbackground #00ca57rightwidth100%floatleftright_contentma。

二响应式内容1响应式图片带宽是手机终端的硬伤，如果我们只是页面布局做了响应式处理，在我们用手机访问时，请求的图片还是PC上的大图文件体积大，消耗流量多，请求延时长，因此导致的问题也是不可估量的那么我们就得把图片也处理成。

7 Responsive Web CSS #160#160#160这也是一款一句Web的工具，仅需拖拽就可以生成响应式布局你可以方便地添加页面，方便地设定div和宽度等参数这一工具还支持嵌套栅格，并且能对特定设备进行针对性的设计8。