如何制作手机自适应网页

如何制作手机自适应网页

  • |
  • 浏览:1885
  • |
  • 更新:2014-04-23 12:20

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

工具/原料

  • sublime text

方法/步骤

  1. 1

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

  2. 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优化需要自己注意一下

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。