迹忆客 专注技术分享

当前位置:主页 > 学无止境 > 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 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

在 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 命令移动提交,以及使用

扫一扫阅读全部技术教程

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

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便