css自适应宽度有2种方式：
1.是通过百分比来控制宽度；
2.可以通过块状元素自动占满父级的宽度的特性来实现PS：当然还有一些方法，比如css3的flex-box布局，用flex布局的话，非常的方便可以实现多种自适应布局，但是，只适用于移动端，PC端上面只有高版本的浏览器才兼容，低版本的浏览器是不兼容的。
在CSS中，使用百分比单位可以使元素的宽度相对于其父元素的宽度进行调整。如果一个元素的父元素没有设置宽度，则该元素的最大宽度为浏览器窗口的宽度。因此，使用百分比单位可以使元素的宽度自适应不同屏幕尺寸，达到最大宽度。
另外，还可以使用max-width属性来设置元素的最大宽度，这样就可以限制元素的宽度不超过指定的数值。总之，通过合理设置百分比单位和max-width属性，可以使元素达到最大宽度。
为了让网页宽度适应手机屏幕，你可以采用响应式设计技术来实现。这种技术可以根据用户所使用的设备类型和屏幕宽度，自适应调整网页布局和内容显示方式，以实现最佳的用户体验。
以下是一些实现响应式设计的方法：
1. 使用CSS媒体查询。CSS媒体查询可以根据屏幕宽度来设置不同的样式规则，从而实现适应不同屏幕类型的网页显示效果。
2. 使用弹性布局。采用弹性布局的网页可以根据屏幕大小来拉伸或缩小页面元素，实现适应不同屏幕类型的效果。
总之，要实现网页宽度适应手机屏幕，你需要将响应式设计作为设计与开发的一项重要任务，并使用相关技术和工具来实现网页的自适应调整和优化。
dw把网页宽度适应为手机方法如下
2.点击右下角网页大小选项，根据设计选择适合手机分辨率的大小
4.继续制作所需网页保存即可
1.首先是我们常用的bootstrap框架 https://www.runoob.com/bootstrap/bootstrap-tutorial.html
2.可以让div设置个固定宽度 1200px 左右两边自适应 里面就可以填写你的内容了
如果是要宽度沾满屏幕的话 用width：100% min-width:1200px