移动端基本环境
以前做过移动端项目,但是一直是用百分比写的,对于移动端没有系统的知识体系,很多时候写项目的时候并没有想为什么要这样写,就是跟着别人的稳当些,最近研究了下移动端网页制作,今天介绍下基本环境的问题。
一:测试环境
chrome浏览器的模拟器,360浏览器的模拟器,在本地安装服务器(xampp)通过手机和电脑连接到一个网络,在真机上进行测试。
二:viewport视口
viewport:可视区窗口
常规设置:
width | 设置viewport的宽度,为一个正整数,或字符串"width-device" |
initial-scale | 设置页面的初始缩放值,为一个数字,可以带小数 |
minimum-scale | 允许用户的最小缩放值,为一个数字,可以带小数 |
maximum-scale | 允许用户的最大缩放值,为一个数字,可以带小数 |
devicePixelRatio | 像素比 |
三:常用meta设置
(1)qq 强制横屏或者竖屏显示
<meta name="x5-orientation " content="portrait|landscape" />
(2)qq 设置全屏
<meta name="x5-fullscreen" content="true" />
(3)UC强制竖屏或者横屏显示
<meta name="screen-orientation" content="portrait|landscape" />
(4)UC全屏显示
<meta name="full-screen" content="yes" />
(5)禁止识别电话号码和邮箱号码
<meta name="format-detection" content="telephone=no,email=no" />
(6)拨打电话或者发邮件
href="tel"
href="mailto
这里总结的是常用的,可能不太全面,以后碰到其他的还会总结出来,下一次我会总结一下移动端rem适配,欢迎网友赐教,鄙人在此感激不尽。
相关文章
在 Linux 中安装 MySQL 客户端
发布时间:2023/05/09 浏览次数:72 分类:MySQL
-
在 Linux 中安装 MySQL 客户端的命令。Linux 和 Unix 等环境作为命令行界面工作,仅在命令的帮助下运行。
Linux 中的 lsof 命令
发布时间:2023/05/04 浏览次数:82 分类:操作系统
-
在这篇 Linux 文章中,我们将了解 Linux 操作系统中的 lsof 命令。 我们将看到如何在 Linux 中将此命令用于不同目的。
使用 CSS 向上移动文本
发布时间:2023/04/28 浏览次数:153 分类:CSS
-
有时,在开发网页时,我们将文本放在底部或页脚中,因此我们可能需要在文本下方留一个空格并将文本上移。 我们将学习如何使用 css 从网页底部向上移动文本。
在 Docker 容器中公开多个端口
发布时间:2023/04/18 浏览次数:143 分类:Docker
-
Docker 容器使用端口来实现万维网上不同设备之间的通信。 在本篇文章中,我们将学习如何使用 Nginx 应用程序在 Docker 容器中公开多个端口。
AngularJS 中的服务器端渲染
发布时间:2023/04/13 浏览次数:179 分类:Angular
-
服务器端渲染(SSR) 是指在将内容交付到客户端浏览器之前在服务器上预渲染内容。本文讨论了服务器端渲染的概念。
将现有未提交的更改移动到 Git 中的新分支
发布时间:2023/04/05 浏览次数:79 分类:Git
-
本文讨论将未提交的更改移动到新分支的过程。您可能正在处理您的 master 分支,并意识到您必须创建一个新分支并移动未提交的更改。
在 Git 中移动现有标签
发布时间:2023/03/31 浏览次数:192 分类:Git
-
我们将讨论在 Git 中移动标签。我们不鼓励移动标签,特别是如果我们作为一个团队工作,因为它会打乱我们项目的时间表。
在 Git 中将提交移动到另一个分支
发布时间:2023/03/30 浏览次数:96 分类:Git
-
本指南将让我们基本了解如何将我们的提交移动到另一个分支,它可能是一个新的或现有的分支。此外,我们将讨论如何使用 git branch 命令创建新分支,使用 git reset 命令移动提交,以及使用