什么是网页自适应屏幕大小？

就是指网页能够随着显示器分辨率的大小自动进行调整，以获取最佳的显示效果和浏览效果。

网页自适应屏幕大小的意义何在？

随着上网终端的增加，例如智能手机、平板电脑、笔记本电脑、台式机等。这些设备有着不同的屏幕大小，不同的显示分辨率，如何让网站在这些设备上都达到最佳的显示效果，提升用户体验，这是一个所有网页设计师不得不面对的难题。通常来说，如果您的网站能够在多种上网设备上显示完美，那这样的网站无形中就增加了竞争力，因为用平板电脑上网的用户，他是肯定不愿意在一个显示非常糟糕的网站上浪费太多时间。随着移动互联网的普及，移动上网设备正超过传统的桌面设备，成为互联网访问的最常见终端。鉴于此，网页自适应屏幕大小的意义关系到一个网站运营的生存大计，不得不重视。

如何实现网页自适应屏幕大小？

现阶段，小的上网设备应该是智能手机，它的屏幕宽度一般在600像素左右。但是现在常见的LCD(液晶显示器)常见的分辨率在1366×768像素。同样的网页内容，要在宽度相差这么大的屏幕上取得最佳显示效果，显然是一件非常麻烦的事情。

常见的方法是为网站设计不同的版本，例如手机版网页、平板电脑版、PC版等。但这样的处理方式有一个非常大的缺点，就是大幅度增加了网页设计的工作量，导致成本增加。有没有方法可以实现网页根据屏幕大小自动调整呢？答案是肯定的。

设计一个自应用屏幕大小的网页必须要做到几点，我这里简单概述一下，供参考。

A、允许网页能够自动调整宽度

B、网页元素不使用绝对宽度，用百分比的形式来描述宽度。

C、网页字体不使用绝对大小(px)，使用相对大小(em)

D、网页元素位置不限定，使用流动方式布局（float）

E、选择性的加载css样式文件，这是网页自适应屏幕的核心所在，根据不同的屏幕宽度加载不同的css文件来描述网页。

F、网页图片实现自动缩放（max-width:100%），而不要使用 width:300px这种限定图片大小的方式。