Summary of mobile meta lines-H5 Tutorial-php.cn

Home

Web Front-end

H5 Tutorial

Summary of mobile meta lines

零下一度

Jun 27, 2017 am 10:04 AM

metaEncyclopediamove

<span class="xml"><span class="hljs-tag"><span style="font-size: 16px"><</span><span class="hljs-name"><span style="font-size: 16px">meta </span><span class="hljs-attr"><span style="font-size: 16px">name=</span><span class="hljs-string"><span style="font-size: 16px">"viewport" <br/></span><span class="hljs-attr"><span style="font-size: 16px">content=</span><span class="hljs-string"><span style="font-size: 16px">"width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /></span> </span></span></span></span></span></span></span>

　
width: width of the viewport (range from 200 to 10,000, default is 980 pixels)

height: height of the viewport (range from 223 to 10,000)

initial-scale: initial scaling (range from >0 to 10)

minimum-scale: The minimum scale the user is allowed to zoom to

maximum-scale: The maximum scale the user is allowed to zoom to

user-scalable: Whether the user can manually zoom

meta name="apple-mobile-web-app-capable" content="yes" />

meta name="renderer" content="webkit">

meta http-equiv="X-UA-Compatible" content="IE=edge">

meta name="HandheldFriendly" content="true">

meta name="Mo bileOptimized" content="320">

meta name="screen-orientation" content=" portrait">

-- QQ forces vertical screen -->

meta name="x5- orientation" content="portrait">

meta name="full-screen" content="yes">

meta name="x5-fullscreen" content="true">

meta name="browsermode " content="application">

meta name="x5-page-mode" content="app">

meta name="msapplication-tap-highlight" content="no">

1. apple-touch-icon

如果 apple-mobile-web-app-capable 设置为 yes 了，

那么在苹果机的safari上可以通过添加到主屏按钮将网站添加到主屏幕上。

而设置相应 apple-touch-icon 标签，则添加到主屏上的图标就会使用我们指定的图片。

2. apple-touch-startup-image

基于 apple-mobile-web-app-capable 设置为 yes ，

可以为WebApp设置一个类似NativeApp的启动画面。

和 apple-touch-icon 不同，

apple-mobile-web-app-capable 不支持sizes属性，

要使用media来加载不同的启动画面。

// iPhone
<link>

<span class="hljs-comment">// iPhone Retina
<link href=<span class="hljs-string">"apple-touch-startup-image-640x920.png" media=<span class="hljs-string">"(device-width: 320px) and (-webkit-device-pixel-ratio: 2)"<br/> rel=<span class="hljs-string">"apple-touch-startup-image" /></span></span></span></span>

The above is the detailed content of Summary of mobile meta lines. For more information, please follow other related articles on the PHP Chinese website!

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

微软深化与 Meta 的 AI 及 PyTorch 合作Apr 09, 2023 pm 05:21 PM

微软宣布进一步扩展和 Meta 的 AI 合作伙伴关系，Meta 已选择 Azure 作为战略性云供应商，以帮助加速 AI 研发。在 2017 年，微软和 Meta(彼时还被称为 Facebook)共同发起了 ONNX(即 Open Neural Network Exchange)，一个开放的深度学习开发工具生态系统，旨在让开发者能够在不同的 AI 框架之间移动深度学习模型。2018 年，微软宣布开源了 ONNX Runtime —— ONNX 格式模型的推理引擎。作为此次深化合作的一部分，Me

Meta 推出 AI 语言模型 LLaMA，一个有着 650 亿参数的大型语言模型Apr 14, 2023 pm 06:58 PM

2月25日消息，Meta在当地时间周五宣布，它将推出一种针对研究社区的基于人工智能(AI)的新型大型语言模型，与微软、谷歌等一众受到ChatGPT刺激的公司一同加入人工智能竞赛。Meta的LLaMA是“大型语言模型MetaAI”（LargeLanguageModelMetaAI）的缩写，它可以在非商业许可下提供给政府、社区和学术界的研究人员和实体工作者。该公司将提供底层代码供用户使用，因此用户可以自行调整模型，并将其用于与研究相关的用例。Meta表示，该模型对算力的要

Meta这篇语言互译大模型研究，结果对比都是「套路」Apr 11, 2023 pm 11:46 PM

今年 7 月初，Meta AI 发布了一个新的翻译模型，名为 No Language Left behind (NLLB)，我们可以将其直译为「一个语言都不能少」。顾名思义，NLLB 可以支持 200 + 语言之间任意互译，Meta AI 还把它开源了。平时你都没见到的语言如卢干达语、乌尔都语等它都能翻译。论文地址：https://research.facebook.com/publications/no-language-left-behind/开源地址：https://github.com/

曝光Meta Quest 3头显固件：揭示室内物体自动识别功能Sep 07, 2023 pm 01:17 PM

8月31日消息，近日有关虚拟现实领域的令人振奋消息传出，据可靠渠道透露，meta公司即将在9月27日正式发布其全新虚拟现实头显——metaQuest3。这款头显据称拥有颠覆性的深度测绘技术，将为用户带来更加逼真的混合现实体验。这项名为深度测绘的技术被认为是metaQuest3的一项重大创新。该技术使得虚拟数字物体与真实物体能够在同一空间内进行互动，大大提升了混合现实的沉浸感和真实感。一段在Reddit上流传的视频展示了深度测绘功能的惊人表现，不禁让人惊叹不已。从视频中可以看出，metaQuest

音乐制作元工具AudioCraft发布开源AI工具Aug 04, 2023 am 11:45 AM

美国东部时间8月2日，Meta发布了一款名为AudioCraft的生成式AI工具，用户可以利用文本提示来创作音乐和音频AudioCraft由三个主要组件构成：MusicGen：使用Meta拥有/特别授权的音乐进行训练，根据文本提示生成音乐。AudioGen：使用公共音效进行训练生成音频或扩展现有音频，后续还可生成环境音效（如狗叫、汽车鸣笛、木地板上的脚步声）。EnCodec（改进版）：基于神经网络的音频压缩解码器，可生成更高质量的音乐并减少人工痕迹，或对音频文件进行无损压缩。官方声称，Audio

Meta推出4年硬件路线图，致力于打造「圣杯」AR眼镜，烧了137亿美元Apr 24, 2023 pm 11:04 PM

现在，谁还提元宇宙？2022年，Meta实验室RealityLabs在AR/VR的研发投入已经亏损了137亿美元。比去年（近102亿美元）还要多，简直让人瞠目结舌。也看，生成式AI大爆发，一波ChatGPT狂热潮，让Meta内部重心也有所倾斜。就在前段时间，在公司的季度财报电话会议上，提及「元宇宙」的次数只有7次，而「AI」有23次。做着几乎赔本的买卖，元宇宙就这样凉凉了吗？NoNoNo！Meta近日公布了未来四年VR/AR硬件技术路线图。2025年，发布首款带有显示屏的智能眼镜，以及控制眼镜的

抢先发布新一代VR头显，Meta想给苹果一个“下马威”？Jun 03, 2023 am 09:01 AM

在游戏、元宇宙等领域的推动下，XR（扩展现实，VR/AR/MR统称）赛道的热度明显获得提升，头显设备也成了“香饽饽”，获得了许多企业的青睐，其中就有Meta（META.US）和苹果（AAPL.US）、字节跳动、索尼等巨头。而这些巨头之间的“故事”还引来了大批“吃瓜群众”。打压竞争对手？Meta赶在苹果之前发布最新版头显众所周知，在全球的大型科技企业中，Meta对元宇宙是最上心的，不惜投入巨资早早进行了布局，而VR头显被视为是元宇宙的入口之一，因此该公司在这一领域也下了大功夫，是VR头显领域的龙头

AI 领域再添一员"猛将"，Meta 发布全新大型语言模型LLaMAApr 25, 2023 pm 12:52 PM

ChatGTP走红以来，围绕ChatGTP开发出来的AI应用层出不穷；让人们感受到了人工智能的强大！近日，Facebook母公司Meta发布了人工智能大型语言模型（LargeLanguageModelMetaAI）简称LLaMA。扎克伯格在社交媒体上称：”由FAIR团队研发的LLaMA模型是目前世界上水平最高的大型语言模型，目标是帮助研究人员推进他们在人工智能领域的工作！“。与其他大型模型一样，MetaLLaMA的工作原理是将一系列单词作为“输入”并预测下一个单词以递归生成文本。据介

See all articles