明确自适应网站的目标和需求

在我们开始制作自适应网站之前， 先说说要弄清楚我们的网站是为了啥， 摸鱼。 比如要给电脑kan，还是给手机kan，huo者两者dou要。

字体选择：阅读起来舒服的字体

我们要选那种kan着舒服的字体， 这样不管在什么设备上，用户douNeng清楚地kan到我们写的东西，多损啊！。

CSS断点设置技巧

tong过CSS断点设置， 我们Neng让网页像变魔术一样， 我破防了。 在不同设备上kan起来douhen好。

比如说 我们可yi在CSS里写上：

@media screen and {

#divMain {

float: none;

width:auto;

}

#divSidebar {

display:none;

img标签的宽度设置

dui与图片，我们只需要设置一下宽度，让它适应屏幕：，切记...

img {

max-width: %;

viewport meta标签的使用

在HTML文件开头加上这个标签，就Neng告诉浏览器我们想要的视口宽度：

页面使用相对字体

吃瓜。 我们不要用那种固定的字体大小，要用那种可yi根据屏幕大小变化的字体，这样kan起来才舒服。

比如说16像素就等于1em。

布局宽度使用相对宽度

网页的布局， 我们要用那种可yi变化的宽度，这样不管在什么设备上，douNeng放得下。

图片自适应

如guo图片也需要适应屏幕，我们可yi在CSS里这样写：，一针见血。

在CSS文件尾部增加针对不同屏幕分辨率的规则

这样我们就Neng针对不同屏幕大小Zuo特bie的设计了，不地道。。

说句可能得罪人的话... tong过以上的方法， 我们就可yi把一个网站变得在手机上、电脑上douNengkan，而且kan起来dou挺舒服的。

这样，不管用户用哪种设备来kan我们的网站，douNeng有一个不错的体验。