迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 >

移动端基本环境

作者:嫣然 最近更新:2022/12/11 浏览次数:

以前做过移动端项目,但是一直是用百分比写的,对于移动端没有系统的知识体系,很多时候写项目的时候并没有想为什么要这样写,就是跟着别人的稳当些,最近研究了下移动端网页制作,今天介绍下基本环境的问题。

一:测试环境

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适配,欢迎网友赐教,鄙人在此感激不尽。
 

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

使用 Mac 终端打开 MySQL

发布时间:2024/03/25 浏览次数:272 分类:MySQL

本文将教你如何使用 Mac 终端打开 MySQL。我们将向你展示如何在 macOS Catalina 及更高版本上执行此操作。此外,macOS Mojave 及更早版本。

在 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 浏览次数:80 分类:Java

在本文中,我们将介绍在 Java 中移动数组元素的方法。在 Java 中使用 for 循环和 temp 变量移动数组

C++ 中的移动语义

发布时间:2023/08/22 浏览次数:171 分类:C++

在本文中,我们将讨论 C++ 中的移动语义:我们将讨论深拷贝和浅拷贝的相关概念 我们将快速讨论左值和右值的概念。 我们将尝试通过示例来理解移动语义。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便