众所周知，现在自助建站非常火热，通过市场上不同的建站工具，或者熟悉代码的站长，都喜欢研究并搭建一个属于自己的网站。而近两年一个建站模块也吸引了很多用户，那便是移动建站。

自适应移动建站的方法有哪些

很多平台都会提供一键式的移动建站，但是这些移动式建站有些是平台提供的内容，无法做一些特殊的修改。那么本文介绍一下自适应移动建站的几个方法。

我们知道，在移动端设计一个自适应网站，那是根据移动端的设备大小而将网页自动适应，不至于出现排版错乱。虽然说起这个自适应移动建站有点复杂，但是做起来并不难。

方法一：在头部加viewport标签。

与Title标签类似，可以在html页面的头部，利用meta标签告诉浏览器，这个页面是需要根据移动端尺寸进行自动适应宽度，然后正常展现，且开始不进行缩放的。

这个代码的基本用法是：

《meta name=“viewport” content=“width=device-width， initial-scale=1” /》

此标签一般适用于现在比较高版本的浏览器，低版本的如IE8是不支持的。当然，如果低版本的浏览器要实现这样的效果，可以利用JS代码进行设置。比如media-queries.js或 respond.js脚本。用法如下

《！–［if lt IE 9］》 《script src=“http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js”》《/script》 《！［endif］–》

方法二：在CSS文件中加入不同规则。

这个方法主要是针对不同的屏幕分辨率进行设置不同的规则，比如一个小屏幕的移动只有480像素，可以将网页的一些侧栏进行隐藏，然后将宽度进行调整。比如对于Wordpress中的标签，可以更改为：

@media screen and （max-device-width： 480px） {

#divMain{

float:none;

width:auto;

}

#divSidebar {

display:none;

}

}

方法三：使用相对宽度。

一般在移动建站的时候，整体使用绝对宽度，但是一些内容的框架，或者栏目使用相对宽度，这样可以只针对分辨率进行修改即可。不过此方法要加一些对小屏幕的适应，不推荐。

方法四：相对字体。

不要使用绝对字体，否则容易出现显示异常。

方法五：图片自适应。

通常可以将img标签进行设置成自适应，比如img { max-width:98%;}，与字体一样，这个还是非必须要设置的。

以上几个方法就是在移动建站中，需要注意的内容，通过这些方法，就可以搭建一个非常完美的移动站。

推荐阅读：>>>按需求自助建站需要避免哪些误区