1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时。

其次，除了布局和文本，”自适应网页设计”还必须实现图片的自动缩放有条件的话，最好还是根据不同大小的屏幕，加载不同分辨率的图片有很多方法可以做到这一条，服务器端和客户端都可以实现。

可以在不同的分辨率下自适应，不会因为分辨率的变化而出现布局混乱的情况 可以通过调整宽度和高度来适应不同的屏幕大小 可以通过使用 CSS 的 Flexbox 或 Grid 布局来实现更加灵活的布局。

代码实例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移动端开发实例lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable = noquot ltlink rel=quotstyles。

于是出现了一种新的布局方式宽度自适应布局我们平时谈论的自适应布局，大多指的就是宽度自适应布局#xF914响应式和自适应的区别首先两种方式解决问题的是不一样的自适应是为了解决如何才能在不同大小的设备上呈现同样的网页 抢首赞。

第一步选择合适的字体字体是决定文字自适应布局的一个关键因素需要注意的是，不同的字体在不同的浏览器中和不同的设备上会有不同的效果，因此在选择字体时需要充分考虑这些因素同时，需要考虑字体的大小和间距是否合适。

min980pxcss文件里要用百分比的方式来布局，这样布局就自适应了，另外字体的大小也要用自适应才行，如大小用em做单位当布局缩小时，布局也有相应的改变，如隐藏一些不大重要的内容最好就是找一些响应式网页设计的书籍。