Question

如何让网站自适应手机

Answer 1

一.允许网页宽度自动调整："自适应网页设计"到底是怎么做到的？

其实并不难。首先，在网页代码的头部，加入一行viewport元标签。

<metaname="viewport"content="width=device-width,initial-scale=1"/>

二.不使用绝对宽度由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。

三.相对大小的字体字体也不能使用绝对大小（px），而只能使用相对大小（em）。

四.流动布局（fluidgrid）"流动布局"的含义是，各个区块的位置都是浮动的，不是固定不变的。

.main{float:right;width:70%;}.leftBar{float:left;width:25%;}

五.图片的自适应（fluidimage）除了布局和文本，"自适应网页设计"还必须实现图片的自动缩放。

六、此外，企业借助建站宝盒搭建一个响应式网站就可以适应所有设备屏幕了，其中包括电脑、手机、Ipad等。