手机、平板设备屏幕尺寸众多，宽度不一，写手机、平板对应css时最好用百分比宽度来自适应各种大小不一的屏幕宽度。这个百分比尺寸不算太难但也不是个太轻便的活，如果你css不熟练的话最好先别折腾这块，把基础练好了来。
成都创新互联成立于2013年，我们提供高端网站建设公司、成都网站制作、网站设计、网站定制、全网营销推广、微信小程序开发、微信公众号开发、成都网站推广服务，提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地，为塔吊租赁企业提供源源不断的流量和订单咨询。
选择加载CSS “自适应网页设计”的核心，就是CSS3引入的Media Query模块。它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。
想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码：。图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：img{ width：100%； max-width：100%；}。
纵向铺满，横向留有空隙或超出屏幕：body{background：url(图片路径)no-repeatcenter；background-size：auto100%；} 补充说明：background-size属于css3，只有支持css3的浏览器才有效。
也不能使用具有绝对宽度的元素。这一条非常重要。
代码如下：每个属性的详细介绍：使用css3单位remrem是CSS3新增的一个相对单位（root em，根em），使用rem为元素设定字体大小时，是相对大小，但相对的只是HTML根元素。
而且背景图片不会随着滚动条滚动而滚动，实现背景图片的自适应。
一是通过将该图片设定为某个div的背景图片，然后该div的长宽不使用绝对的px，使用相对的em或者rem。二是将图片设定display：block，设定图片的长宽为rem或者em。
背景设置为图片background-repeat： repeat； 背景图片是否重复background-position： 100% 100%； 背景图片定位你这么写当然不能达到你要的效果 如果你想要的是从右下角平铺背景的话，你这么写是没问题的。
如何实现根据浏览器的窗口大小进行标签宽度的自适应？在下很急。
有两个思路，一个是通过css中的宽度和高度百分比，来弄，但是设置了width：100%和height：100%以后，并没有什么效果。
手头有以下代码，是给某个播放器添加一个新的图标功能，设置了一个隐藏的DIV并加上CSS，点击显示，点其他地方隐藏。但是这个DIV，不随窗口大小变化跟随到图标旁边，一直固定到了1081px。
把一个属性的值设置为auto，就是让各个浏览器对该属性使用各自的默认值。
auto的意思是页面左右空白自适应并且相等的意思。
而你所说的margin：auto； ， 就表示上下左右都自动适应。纯手打，望采纳。
DIV块右侧留空自动取得margin-right： auto，操作方法如下：首先新建HTML文件，创建HTML标签和内容，如下图所示。然后预览效果如图。然后设置文本的右外边距margin-right： 2cm，如下图所示。
自适应指的就是指其宽度可以根据浏器窗口的大小自动改变其宽度（随浏览器宽度的改变而改变），而不会被浏览器遮住。
CSS margin 属性 设置外边距的最简单的方法就是使用 margin 属性。 margin 属性接受任何长度单位，可以是像素、英寸、毫米或 em。 margin 可以设置为 auto。更常见的做法是为外边距设置长度值。