怎么修改网页代码让它变成可以自适应屏幕呢
首先，你的问题很含糊，适应屏幕，是要做pc端的适配还是手机端的适配呢？其次，要达到怎么样的适配效果呢？不同效果有不同的方案。
1、如果只是一般的希望盒子能在不同窗口大小中正常比例显示，建议对最外层使用js动态布局，根据窗口大小来确定最外层盒子的宽高，或者采用绝对定位。对于你想达到的不同适配效果，可以采用不同的方案。包括使用em替换px，或者是百分比。
2、如果希望在手机端能达到最佳效果，甚至有另一套UI的话，就要采用媒体查询的方式，这是css3特有的，所以在基本上用在手机端，例如：
如果文档宽度小于 300 像素则修改背景演示(background-color):
@media screen and (max-width: 300px) {
body {
background-color:lightblue;
}
}
你可以为各个尺寸的屏幕写特定的css。
这就是一个最简单的媒体查询，具体可以查找w3cschool上的相应资料，或者百度一下。
上一篇：Unity的UI的自适应缩放
多重随机标签