首页 > 移动平台 > 详细

如何制作手机自适应网页

时间:2015-03-27 09:24:44      阅读:226      评论:0      收藏:0      [点我收藏+]

如何制作手机自适应网页

  • |
  • 浏览: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优化需要自己注意一下

如何制作手机自适应网页

原文:http://www.cnblogs.com/honeynm/p/4370817.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!