移动端基本环境
以前做过移动端项目,但是一直是用百分比写的,对于移动端没有系统的知识体系,很多时候写项目的时候并没有想为什么要这样写,就是跟着别人的稳当些,最近研究了下移动端网页制作,今天介绍下基本环境的问题。
一:测试环境
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适配,欢迎网友赐教,鄙人在此感激不尽。
相关文章
使用 Mac 终端打开 MySQL
发布时间:2024/03/25 浏览次数:272 分类:MySQL
-
本文将教你如何使用 Mac 终端打开 MySQL。我们将向你展示如何在 macOS Catalina 及更高版本上执行此操作。此外,macOS Mojave 及更早版本。
使用 PowerShell 下载和安装适用于 Windows 的 Git 客户端
发布时间:2024/02/06 浏览次数:182 分类:编程语言
-
本教程将教你使用 PowerShell 下载和安装适用于 Windows 的 Git 客户端。
在 C# 中设置客户端-服务器通信
发布时间:2024/02/01 浏览次数:114 分类:编程语言
-
一个编程教程,解释如何使用 C# 在 .NET 框架中设置客户端-服务器通信。这个简单的编程教程将讨论客户端-服务器环境中的数据传输。它还将通过 TCP 套接字编程为客户端-服务器通信模型提供基
如何在 Python 中向一个列表前端添加元素
发布时间:2023/12/24 浏览次数:116 分类:Python
-
本教程演示了如何在 python 中向一个列表的前端插入元素。本教程介绍了如何在 Python 中向列表最前端插入元素。本教程还列出了一些示例代码来帮助理解。
使用 Python 将文件从一个目录移动到另一个目录
发布时间:2023/12/23 浏览次数:213 分类:Python
-
本教程演示了如何使用 python 将文件从一个目录移动到另一个目录。将文件从一个目录移动到另一个目录可能听起来没什么大不了的,但有时,它对操作文件有很大帮助。
从数组中删除元素,然后在 Java 中移动其他元素
发布时间:2023/09/17 浏览次数:190 分类:Java
-
Java 中的数组是相同类型元素的固定大小集合。Java 提供了各种方法来执行与数组相关的不同操作。
在 Java 中移动数组
发布时间:2023/09/17 浏览次数:80 分类:Java
-
在本文中,我们将介绍在 Java 中移动数组元素的方法。在 Java 中使用 for 循环和 temp 变量移动数组
C++ 中的移动语义
发布时间:2023/08/22 浏览次数:171 分类:C++
-
在本文中,我们将讨论 C++ 中的移动语义:我们将讨论深拷贝和浅拷贝的相关概念 我们将快速讨论左值和右值的概念。 我们将尝试通过示例来理解移动语义。