Question

怎么修改网页代码让它变成可以自适应屏幕呢?

网络小白：按照网上的教程改成<div id="container" style="width:100%;height:100%;">，但是一改高度就会变成只显示一点点，但是我想宽度和高度都可以自适应屏幕，应该如何修改呢

Answer 1

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

　　这就是一个最简单的媒体查询，具体可以查找w3cschool上的相应资料，或者百度一下。

Answer 2

100%是对的，不知道你改什么高度。100%是全屏的，高度可以改成 auto，自动高度。