如何制作手机自适应网页

来源:互联网 发布:软件系统测试报告用途 编辑:程序博客网 时间:2024/05/01 06:25

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


    1. 2

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



  1. 加入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

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


  1. 2

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

0 0