专栏首页全栈开发之路移动端开发脱坑指南

移动端开发脱坑指南

1、meta标签设置

常规:

<meta charset="utf-8">
//设置视窗宽为设备宽度,默认不缩放,不允许用户缩放。
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
//在iOS中 隐藏工具栏和菜单栏。
<meta name="apple-mobile-web-app-capable" content="yes" />
//顶部状态栏(手机信号、时间、电池)的背景颜色。默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
//忽略电话号码和邮箱识别
<meta name="format-detection" content="telphone=no, email=no" />

参考:http://www.xuanfengge.com/mobile-guide-page-refactoring-html-articles.html

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • [视频拍摄]手动对焦技巧——Daniel Schiffer

    https://www.bilibili.com/video/av62475062?p=1

    杨肆月
  • 小程序后台开发v2(未完待续)

    5.9 准备打个小程序版的个人blog 前端框架用mpvue(打算过几天分享)

    杨肆月
  • 前后端分离原理笔记

    原文:https://juejin.im/post/5b71302351882560ea4afbb8

    杨肆月
  • 最全Html标签Meta介绍,全面总结,学HTML这一篇够了

    今天查Html手册时,又有了新的发现。也就这机会,好好总结下HTML中Meta的使用。

    用户5827212
  • html5手机网站需要加的那些meta/link标签,html5 meta全解

    <meta name="viewport" content=""> 说明:屏幕的缩放

    胡哥有话说
  • 手机页面的一些有用的meta

    Joel
  • 常用meta标签属性整理总汇

    注意,很多人使用initial-scale=1到非响应式网站上,这会让网站以100%宽度渲染,用户需要手动移动页面或者缩放。如果和initial-scale=1...

    德顺
  • 移动前端头部标签(HTML5 meta)

    在移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码 <!DOCTYPE html>  使用 HTML5 doctype...

    用户1197315
  • 移动端手机web前端meta通用设置

    德顺
  • meta 标签知多少

    meta 标签提供该页面的一些信息,比如针对搜索引擎和更新频度的描述和关键词,它还可以控制页面缓冲、响应式窗口等,定义 meta 标签有利于网站 SEO(有利于...

    多云转晴

扫码关注云+社区

领取腾讯云代金券