如何让网页自适应所有屏幕宽度？

1、在打开的ie浏览器窗口右上方点击齿轮图标，选择“Internet选项”，如下图所示：

2、在打开的Internet选项窗口中，切磨顷换到安全栏，在安全选卡中点击“瞎好陆自定义级别”，如下图所示：

3、在“安全设置-Internet 区域”界面找到“Java 小袜型程序脚本”、“活动脚本”，并将这两个选项都选择为“禁用”，然后点击确定,如下图所示：

关于网站如何做到自适应网页，可根据如下 *** 作：

首先，在网页代码的头部，加入一行viewport元标签。<metaname=”viewport”content=”width=device-width,initial-scale=1〃/>viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度(width=device-width)，原始缩旅纯族拆弊放比例(initial-scale=1)为1.0，即网页初始大小占屏幕面积的100%。

由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。

“流动布局”的含义是，各个区块的位置都是浮动的，不是固定不变的。float的好处是，如果宽度太裤并小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow(溢出)，避免了水平滚动条的出现。

“自适应网页设计”的核心，就是CSS3引入的MediaQuery模块。它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。

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

想要网页宽度自适应，需要把网页元素宽基镇度设置为百分比，还要在网页头部加上代码：<metaname="viewport"content="width=device-width,initial-scale=1.0"/>。

图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：img{ width:100% max-width:100%}。

改进功能

浏览器首次使用时，根据用户显示分辨率大小决搏旅粗定是否镇氏默认显示收藏栏；

打开多个标签关闭浏览器时，提示用户确认；

搜索栏关键词提示；

搜索栏支持多个搜索引擎；5.内核窗口resize速度