zoukankan      html  css  js  c++  java
  • 如何制作手机自适应网页

    如何制作手机自适应网页

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

  • 相关阅读:
    帮忙看看怎么优化这个最长的sql
    12种不宜使用的Javascript语法
    走格子
    乘法逆元
    完美字符串
    全排列问题
    A. Sorting Railway Cars
    Prim
    矩阵取数
    套题T8&T9
  • 原文地址:https://www.cnblogs.com/honeynm/p/4370817.html
Copyright © 2011-2022 走看看