移动端网站开发要点-meta设置

894974231 发布于2019-05-23 13:55 / 2203人阅读

摘要：通过设置图片加载方式会作用于整个页面，如果希望对单个图片进行设置，那么可以使用这个夜间模式。系统标签被点击时产生的半透明灰色背景去掉标题另外，建议这样写更多

 
"zh-cmn-Hans"> 


    
    "utf-8">
    
    
    "X-UA-Compatible" content="IE=edge,chrome=1"/>
    
    
    "description" content="不超过150个字符"/>
    
    
    "keywords" content=""/>
    
    
    "author" content="name, email@gmail.com"/>
    
    
    "robots" content="index,follow"/>
    
    
    "viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    
 
    
    "apple-mobile-web-app-title" content="标题">
    
    
    "apple-mobile-web-app-capable" content="yes"/>
    
    
	"apple-touch-fullscreen" content="yes">：
    
    
    " content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    
    
    " content="black"/>
    
    
    " content="telphone=no, email=no"/>
    
    
    
    " content="webkit">
    
    
    " content="IE=edge">
    
    
    " content="true">
    
    
    " content="320">
    
    
    " content="portrait">
    
    
    " content="portrait">

    
    " content="yes">
    
    
    " content="true">
    
    
    " content="application">
    
    
    " content="app">
    
    
    " content="no">
    
    
    " href="/apple-touch-icon-57x57-precomposed.png"/>
    
    
    " sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png"/>
    
    
    " sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png"/>
    
    
 
    
    " sizes="768x1004" href="/splash-screen-768x1004.png"/>
    
    " sizes="1536x2008" href="/splash-screen-1536x2008.png"/>
    
    " sizes="1024x748" href="/Default-Portrait-1024x748.png"/>
    
    " sizes="2048x1496" href="/splash-screen-2048x1496.png"/>
    
 
    " href="/splash-screen-320x480.png"/>
    
    " sizes="640x960" href="/splash-screen-640x960.png"/>
    
    " sizes="640x1136" href="/splash-screen-640x1136.png"/>
    
    
 
    
    " content="#000"/>
    
    "msapplication-TileImage" content="icon.png"/>
    
 
    "alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
    
    "shortcut icon" type="image/ico" href="/favicon.ico"/>
    
    
    "imagemode" content="force">
    
     
    "nightmode" content="disable">
     
     
    "browsermode" content="application">
     
     
    "msapplication-tap-highlight" content="no"> 
     

    标题

另外，建议X-UA这样写

"X-UA-Compatible" content="IE=edge,chrome=1" />

更多：www.cnblogs.com/supershare/…

GPU云服务器云服务器移动端开发移动端网站移动端网站开发 meta设置

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/6984.html

页面设计笔记

摘要：和一部分安卓设备的屏幕尺寸为英寸厘米，物理像素为大约是。对开发者来说，手机在竖直状态下的宽度就是，开发者就可以根据这个尺寸来设计网页，但是还要考虑手机在水平状态时的页面效果，以及和安卓平板上的页面效果。最近两周写了几个页面，虽然看起来很简单，但是也考虑到了IE8的兼容性、不同屏幕尺寸的适配性以及其它的一些方面，所以也算是小有收获。下面就把写代码过程中遇到的各种问题和解决方案记录下来。...

wh469012917 2019-08-30 15:52 评论0 收藏0
页面设计笔记

摘要：和一部分安卓设备的屏幕尺寸为英寸厘米，物理像素为大约是。对开发者来说，手机在竖直状态下的宽度就是，开发者就可以根据这个尺寸来设计网页，但是还要考虑手机在水平状态时的页面效果，以及和安卓平板上的页面效果。最近两周写了几个页面，虽然看起来很简单，但是也考虑到了IE8的兼容性、不同屏幕尺寸的适配性以及其它的一些方面，所以也算是小有收获。下面就把写代码过程中遇到的各种问题和解决方案记录下来。...

JasonZhang 2019-08-01 16:16 评论0 收藏0
前端面试题（移动适配，闭包，this，HTTP状态码，排序思路，页面加载，数组去重）

摘要：例如状态码表示响应成功。答状态码表示服务器已接受请求，但尚未处理。状态码表示发送的请求需要有通过认证的认证信息。状态码表示服务器端在执行请求时发生了错误。响应报文也是由三部分组成状态码响应报头和响应报文。前端面试题（移动适配，闭包，this，HTTP状态吗，排序思路，页面加载，数组去重） 1 请写出一个符合 W3C 规范的 HTML 文件请写出一个符合 W3C 规范的 HTML 文...

chaos_G 2019-08-22 18:40 评论0 收藏0
重学前端学习笔记（十六）--HTML元信息类标签

摘要：元信息类标签，就是用于描述文档自身的一类标签。二标签作为盛放其它语义类标签的容器使用。五标签标签是一组键值对，它是一种通用的元信息表示标签。具有属性的具有属性的标签，表示执行一个命令，可以不需要属性。笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入w...

wemall 2019-08-02 16:17 评论0 收藏0
重学前端学习笔记（十六）--HTML元信息类标签

摘要：元信息类标签，就是用于描述文档自身的一类标签。二标签作为盛放其它语义类标签的容器使用。五标签标签是一组键值对，它是一种通用的元信息表示标签。具有属性的具有属性的标签，表示执行一个命令，可以不需要属性。笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入w...

gaomysion 2019-08-26 13:47 评论0 收藏0