如何制作手机自适应网页

来源:互联网 发布:centos安装yum命令 编辑:程序博客网 时间:2024/05/01 17:16

http://jingyan.baidu.com/article/a3761b2b80b1361576f9aa81.html


将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. 3

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

    END

注意事项

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


0 0