如何制作手机自适应网页

转载 2015年11月19日 15:26:32

将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标签为:

手机web——自适应网页设计(html/css控制)

就目前形势来看,Web App 正是眼下的一个趋势和潮流,但是,对于Web App的设计可能大家有的不是很了解,下面就将整理好的网页设计的技巧奉献给大家。 AD:51CTO开启企业运维技术盛宴_...

Android网页宽度自适应手机屏幕宽度的方法

一、设置网页宽度自动调整 这个比较简单,只需要在网页代码的头部内加入一行viewport元标签。 viewport的说明: viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽...

手机web——自适应网页设计(html/css控制)

一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的? 其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。 meta name="viewport" conte...

手机web——自适应网页设计(html/css控制)

一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的? 其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。 meta name="viewport" conte...

手机web——自适应网页设计(html/css控制)

一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。    viewport是网页默认的宽度和高度,上面这...

手机网页图片自适应大小 background-size css 图片全屏 背景尺寸设置

思路:图片不要设置为div的background,因为你设置了background-size,但是div的height没设置,一样没鸟用,除非你搞个js判断,动态刷新。 换一种思路,直接用显示出...

手机web——自适应网页设计(html/css控制)

一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。 viewport是网页默认的宽度和高度,上面这行代码...

手机web——自适应网页

一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的? 其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。 meta name="viewport" conte...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何制作手机自适应网页
举报原因:
原因补充:

(最多只允许输入30个字)