您的位置：首页 > 其它

如何制作手机自适应网页

2015-03-27 09:01 260 查看

如何制作手机自适应网页

|

浏览：1885

|

更新：2014-04-23 12:20

将PC网站转化为手机自适应网页或者自己制作手机自适应网页其实很简单，可以利用meta标签声明。

工具/原料

sublime text

方法/步骤

1

打开你需要制作手机网页的html或者php等等网页源码文件。在<head></head>之间加入meta标签。

2

向浏览器声明该网页为移动设备自适应网页的meta标签为：

<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

<meta name="apple-mobile-web-app-capable" content="yes">

<meta name="apple-mobile-web-app-status-bar-style" content="black">

<meta name="format-detection" content="telephone=no">

3

将以上标签加入之后保存，再用手机打开即是自适应网页了。

END

注意事项

手机对应html和css优化需要自己注意一下

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航