当前位置： 首页 > news >正文

ios safari 浏览器跳转页面没有自适应

news 2026/3/29 22:46:17

今天开发遇到了一个问题，当用户点击浏览器中的表单进行注册时，表单元素会放大，随后跳转页面无法还原到初始状态。
在这里插入图片描述

这是因为如果 的 font-size 被设定为 16px 或更大，那么 iOS 上的 Safari
将正常聚焦到输入表单中。但是，一旦 font-size 等于或小于 15px，视图窗口就会放大并聚焦到该
（或许是因为苹果认为字体太小，因此它会放大以帮助你更清楚地看到自己在做什么）。这个设计是用来增强可访问性的。

所以如果要解决这个问题，请确保 的字体足够大。
或者是设置meta

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

说明：

apple-mobile-web-app-capable 删除苹果的默认工具栏和菜单栏。

content 默认值为 no ，即正常显示。如果设置为 yes，Web应用会以全屏模式运行，可以通过只读属性
window.navigator.standalone 来确定网页是否以全屏模式显示。

相关文章：

ios safari 浏览器跳转页面没有自适应

今天开发遇到了一个问题&#xff0c;当用户点击浏览器中的表单进行注册时&#xff0c;表单元素会放大&#xff0c;随后跳转页面无法还原到初始状态。 这是因为如果 的 font-size 被设定为 16px 或更大&#xff0c;那么 iOS 上的 Safari 将正常聚焦到输入表单中。但是&#xff…...

编程日记 2023/10/11 2:24:29

node、npm、nvm相关概念区别

node&#xff1a;一个基于Chrome V8引擎的JavaScript运行环境&#xff0c;让JavaScript 运行在服务端的开发平台。 nvm&#xff1a;node.js 版本管理工具。不同项目可能需要不同版本的 node&#xff0c;可以使用 nvm 来管理 node.js 版本。 安装教程参考 nvm下载及详细安装教程…...

编程日记 2023/10/11 2:23:28

Dubbo3应用开发—Dubbo3注册中心（zookeeper、nacos、consul）的使用

Dubbo3注册中心的使用 zookeeper注册中心的使用 依赖引入 <dependency><groupId>org.apache.dubbo</groupId><artifactId>dubbo-dependencies-zookeeper-curator5</artifactId><version>${dubbo.version}</version><type>p…...

编程日记 2023/10/11 2:22:28

Chrome自动播放限制策略

原文链接&#xff1a;Chrome 自动播放限制策略 Web浏览器正在朝着更严格的自动播放策略发展&#xff0c;以便改善用户体验&#xff0c;最大限度地降低安装广告拦截器的积极性并减少昂贵和/或受限网络上的数据消耗。这些更改旨在为用户提供更大的播放控制权&#xff0c;并使开发…...

编程日记 2023/10/11 2:21:26

k8s安全机制

安全机制 一、机制说明二、认证&#xff08;Authentication&#xff09;HTTP Token 认证HTTP Base 认证HTTPS 证书认证&#xff08;最严格&#xff09; 三、鉴权&#xff08;Authorization&#xff09;角色角色绑定主体&#xff08;subject&#xff09;Role and ClusterRoleRol…...

编程日记 2023/10/11 2:19:24

Java多线程：Runnable与Callable的区别和原理

Java多线程&#xff1a;Runnable与Callable的区别和原理 在Java多线程编程中&#xff0c;我们经常使用Runnable和Callable接口来创建并执行线程。这两个接口都是Java.lang包中的部分&#xff0c;并且都用于实现多线程。虽然它们有些相似之处&#xff0c;但它们之间也存在明显的…...

编程日记 2023/10/11 2:18:23

解决yolo无法指定显卡的问题，实测v5、v7、v8有效

方法1 基本上这个就能解决了&#xff01;&#xff01;&#xff01; 在train.py的最上方加上下面这两行&#xff0c;注意是最上面&#xff0c;其次指定的就是你要使用的显卡 import os os.environ[CUDA_VISIBLE_DEVICES]6方法2&#xff1a; **问题&#xff1a;**命令行参数指…...

编程日记 2023/10/11 2:17:22

arc 166 a

#include<bits/stdc.h> using namespace std; using VI vector<int>; using ll long long; const int mod 998244353; //当只有ab的时候&#xff0c;看作把a可以向右移动 //1 - x 是a 1 - y a //x中的 a 的 下标 < y 中 a 的下标 //这样就可以通过位移得到 …...

编程日记 2023/10/11 2:15:18

Lua05——Lua基本数据类型

lua 是动态类型语言&#xff0c;变量使用前不需要定义类型&#xff0c;在使用时直接赋值即可。 1 基本数据类型 值可以存储在变量中&#xff0c;作为参数传递或作为结果返回。 lua中有八个基本数据类型&#xff1a; nil 只有值nil属于该类&#xff0c;表示一个无效值&#…...

编程日记 2023/10/11 2:14:17

一文3000字从0到1使用pytest-xdist实现分布式APP自动化测试

目录 01、分布式测试的原理 02、测试项目 03、环境准备 04、搭建步骤 05、分布式执行 06、测试报告 不知道大家有没有遇到这样一种情况&#xff0c;实际工作中&#xff0c;app自动化测试的用例可能是成百上千条的&#xff0c;如果放在一台机器上跑&#xff0c;消耗的时间…...

编程日记 2023/10/11 2:12:12

pyqt5：pandas 读取 Excel文件或 .etx 电子表格文件，并显示

pip install pandas ; pip install pyqt5; pip install pyqt5-tools; 编写 pyqt5_read_etx.py 如下 # -*- coding: utf-8 -*- """ pandas 读取 Excel文件或 .etx 电子表格文件&#xff0c;显示在 QTableWidget 中 """ import os import sys…...

编程日记 2023/10/11 2:11:10

【QT】Windows 编译并使用 QT 5.12.7源码

1、下载 QT 源码 QT5.12.7源码下载地址: download | QT 5.12.7 选择任意一种下载即可&#xff0c;适用于 Windows 和 Linux 环境 ​ 这里选择下载 .zip 文件。 2、安装依赖 (1) 安装 perl perl 安装包下载地址: download | perl for windows 根据当前系统选择对应版本。…...

编程日记 2023/10/11 2:10:09

php实战案例记录(15)获取GET和POST请求参数

在PHP中&#xff0c;可以使用$_GET和$_POST超全局变量来获取GET和POST请求参数。 获取GET请求参数&#xff1a; 要获取GET请求参数&#xff0c;可以使用$_GET超全局变量。它是一个关联数组&#xff0c;其中键是参数的名称&#xff0c;值是参数的值。例如&#xff0c;如果URL是…...

编程日记 2023/10/11 2:08:07

k8s-9 ingress-nginx 特性

TLS加密 创建证书 测试 auth认证 创建认证文件 rewrite重定向 进入域名 会自动重定向hostname.html 示例二&#xff1a; 测试 后面必须跟westos 这个关键字 canary金丝雀发布 基于header灰度 场景&#xff1a;版本的升级迭代&#xff0c;比如一个service 升级到另…...

编程日记 2023/10/11 2:07:06

java案例24：模拟百度翻译

思路&#xff1a; 编写一个程序模拟百度翻译 用户输入英文之后&#xff0c;搜索程序中对应的中文&#xff0c; 如果搜索到1对应的中文&#xff0c;就输出搜索结果&#xff0c;反之给出提示 要求使用Map集合实现英文与中文的存储。1.百度翻译主要用于翻译对应的意思&#xff0c…...

编程日记 2023/10/11 2:06:06

汽车烟雾测漏仪（EP120）

【汽车烟雾测漏仪&#xff08;EP120&#xff09;】 此烟雾测漏仪专为车辆管道&#xff08;油道、气道、冷却管道&#xff09; 的泄露检测而设计。适用于所有轻型 汽车、摩托车、轻卡、游艇等。 【特点】 具有空气模式和烟雾模式。空气模式&#xff0c;无需烟雾&#xff0c;检测…...

编程日记 2023/10/11 2:05:04

【轻松玩转MacOS】安全隐私篇

引言 这一篇将介绍如何保护MacOS的安全&#xff0c;包括如何设置密码&#xff0c;使用防火墙&#xff0c;备份数据等重要环节&#xff0c;避免因不慎操作或恶意攻击带来的安全风险&#xff0c;让你的MacOS之旅更安心、更放心。 一、设置密码&#xff1a;保护你的MacOS的第一道…...

编程日记 2023/10/11 2:04:03

4.02 用户中心-上传头像功能开发

详细内容请看下面地址&#xff1a; 地址&#xff1a;http://www.gxcode.top/code...

编程日记 2023/10/11 2:03:01

在Ubuntu 18.04安装Docker

安装需要的包 $ sudo apt-get update 安装 apt 依赖包&#xff0c;用于通过HTTPS来获取仓库 $ sudo apt-get install \apt-transport-https \ca-certificates \curl \gnupg-agent \software-properties-common添加 Docker 的官方 GPG 密钥 $ curl -fsSL https://download.do…...

编程日记 2023/10/11 2:02:00

Vue-2.1scoped样式冲突

默认情况&#xff1a;写在组件中的样式会全局生效->因此很容易造成多个组件之间的样式冲突问题 1.全局样式&#xff1a;默认组件中的样式会作用到全局 2.局部样式&#xff1a;可以给组件加上scoped属性&#xff0c;可以让样式只作用于当前组件 <style scoped> <…...

编程日记 2023/10/11 2:00:58

Spring Authorization Server设备授权深度实践：从协议解析到企业落地

Spring Authorization Server设备授权深度实践&#xff1a;从协议解析到企业落地 【免费下载链接】spring-authorization-server Spring Authorization Server 项目地址: https://gitcode.com/gh_mirrors/sp/spring-authorization-server 一、概念解析&#xff1a;为什么…...

编程新知 2026/3/29 21:04:13

5个技巧让CUDA应用在非NVIDIA显卡发挥最大价值——ZLUDA完全指南

5个技巧让CUDA应用在非NVIDIA显卡发挥最大价值——ZLUDA完全指南 【免费下载链接】ZLUDA CUDA on Intel GPUs 项目地址: https://gitcode.com/GitHub_Trending/zl/ZLUDA 在AI与高性能计算领域&#xff0c;CUDA生态的垄断地位让许多开发者和企业面临硬件选择困境。跨平台…...

编程新知 2026/3/29 19:13:35

高效清理重复文件：三步释放50GB存储空间的智能解决方案

高效清理重复文件&#xff1a;三步释放50GB存储空间的智能解决方案 【免费下载链接】czkawka 一款跨平台的重复文件查找工具&#xff0c;可用于清理硬盘中的重复文件、相似图片、零字节文件等。它以高效、易用为特点&#xff0c;帮助用户释放存储空间。 项目地址: https://gi…...

编程新知 2026/3/29 18:45:30

ITIL服务战略：从成本中心到价值引擎的运维转型

1. 从成本中心到价值引擎&#xff1a;IT运维的认知革命 十年前我刚入行时&#xff0c;IT运维部门在大多数企业里就是个"修电脑的"。财务部年终核算&#xff0c;我们的预算表上永远只有支出项&#xff1a;服务器采购费、软件许可费、人员工资...直到某次公司战略会上&…...

编程新知 2026/3/29 18:25:27

HAT：突破效率与精度瓶颈的图像超分辨率解决方案

HAT&#xff1a;突破效率与精度瓶颈的图像超分辨率解决方案 【免费下载链接】HAT CVPR2023 - Activating More Pixels in Image Super-Resolution Transformer Arxiv - HAT: Hybrid Attention Transformer for Image Restoration 项目地址: https://gitcode.com/gh_mirrors/h…...

编程新知 2026/3/29 18:21:25

Display Driver Uninstaller深度使用指南：从问题诊断到系统优化

Display Driver Uninstaller深度使用指南&#xff1a;从问题诊断到系统优化 【免费下载链接】display-drivers-uninstaller Display Driver Uninstaller (DDU) a driver removal utility / cleaner utility 项目地址: https://gitcode.com/gh_mirrors/di/display-drivers-uni…...

编程新知 2026/3/29 18:01:12

AI开发者必备：PyTorch 2.8镜像在视频生成场景下的完整应用教程

AI开发者必备&#xff1a;PyTorch 2.8镜像在视频生成场景下的完整应用教程 1. 环境准备与快速部署 1.1 镜像基础信息 PyTorch 2.8深度学习镜像是一个专为高性能AI任务设计的预配置环境&#xff0c;特别针对RTX 4090D显卡和视频生成任务进行了优化。主要特点包括&#xff1a;…...

编程新知 2026/3/29 17:29:06

遥感图像小目标检测实战：手把手教你用FFCA-YOLO在AI-TOD数据集上复现论文结果

遥感图像小目标检测实战&#xff1a;手把手教你用FFCA-YOLO在AI-TOD数据集上复现论文结果 当你在处理遥感图像时&#xff0c;是否经常遇到那些小到几乎看不清的目标&#xff1f;这些目标可能只有十几个像素大小&#xff0c;却承载着重要的信息。FFCA-YOLO作为TGRS 2024的最新研…...

编程新知 2026/3/29 17:16:39

微秒级精度：Intel RealSense SDK多相机硬件同步架构深度解析

微秒级精度&#xff1a;Intel RealSense SDK多相机硬件同步架构深度解析 【免费下载链接】librealsense Intel RealSense™ SDK 项目地址: https://gitcode.com/GitHub_Trending/li/librealsense 在分布式视觉系统和微服务架构中&#xff0c;多相机协同工作已成为工业检…...

编程新知 2026/3/29 16:36:27

一键部署体验：Nomic-Embed-Text-V2-MoE在星图GPU平台上的开箱即用Demo

一键部署体验&#xff1a;Nomic-Embed-Text-V2-MoE在星图GPU平台上的开箱即用Demo 你是不是也遇到过这种情况&#xff1f;看到一篇技术文章介绍某个很酷的开源模型&#xff0c;比如Nomic-Embed-Text-V2-MoE&#xff0c;心里痒痒的想立刻试试。结果一搜部署教程&#xff0c;又是…...

编程新知 2026/3/29 16:08:18