iOS12fix掉的问题：第一、iOS11.3 WKWebView的多选图片功能出现了bug。我们apple的架构设计如下：rootViewController为UITabBarController,然后add了五个NavigationController，这里的bug主要的表现是：当用户在wkwebview中唤起相册后选取多张相片，相册的右上角一直都是取消按钮，没有完成按钮，导致无法选取图片。i
转载
2023-09-12 20:31:25
172阅读
# viewport 设置ios
## 简介
在移动端开发中，我们常常需要对网页进行适配以适应不同的设备和屏幕尺寸。而在iOS设备上，我们可以通过设置`viewport`来控制网页的显示效果。
`viewport`是一个虚拟的可视区域，它决定了网页在设备上的可视范围。通过设置`viewport`，我们可以控制网页的缩放比例、布局方式等，以适应不同的屏幕尺寸。
## 设置 viewport
原创
2024-01-08 08:07:56
130阅读
整理硬盘中几个月来整的小东西，移动网页开发涉及到 viewport，随意一篇，分享一下。常用的 viewport meta 如下：[code="java"]
原创
2023-02-15 17:02:32
374阅读
# iOS Viewport 整体缩放页面的实现与应用
在现代Web开发中，响应式设计变得越来越重要，尤其是在移动设备上。使用Viewport来控制页面的缩放行为，可以显著提升用户体验。本文将介绍有关iOS中Viewport整体缩放的机制、实现代码示例，并通过关系图和状态图进行可视化展示。
## 什么是Viewport？
Viewport是Web页面在浏览器中可见区域的大小。在移动设备上，V
# iOS Viewport自适应缩放详解
在移动网页开发中，特别是在iOS设备上，viewport的设置是至关重要的一环。viewport决定了浏览器在访问网页时使用的可见区域，从而影响内容的布局、显示和缩放行为。合理设置viewport，可以让网页在不同设备上自适应显示，提高用户体验。本文将详细讨论iOS viewport自适应缩放的设置，并提供代码示例。
## 1. 什么是Viewpor
尽管iPhone的屏幕适配没有像安卓那样因种类繁多的手机以及屏幕分辨率的差异而带来的繁琐的屏幕适配，但是随着苹果发布越来越多的手机，我们也经历着从计算frame到使用Autoresizing进行适配（Autoresizing的核心思想是：参照父容器来设置子空间的frame），而如今App中的控件不仅要求能根据控件父子关系来设置相对位置，也要求能根据“任意”控件直接的关系来设置位置，
转载
2024-07-10 11:41:50
90阅读
一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域。在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可视区域要小。在默认情况下，一般来讲，移动设备上的viewport都是要大于浏览器可视区域的，这是因
10月13号，苹果举办了年度的发布会并发布了四款新iPhone，发布会的重头戏是介绍新的设计和新的功能特色，这里简单总结下：我觉得这次的设计是iPhone5/iPad Pro机型的回归，我个人是非常喜欢那套设计的，喜欢它的小巧和功能。无线充电技术可以让未来的苹果笔记本电脑（基于ARM）也同样可以具备快捷充电方式。适配难度正在发生变化如果设计师有做过移动端应用或响应式网页设计的话，可能会知道，有越来
转载
2024-01-04 08:09:26
81阅读
1、info.plist找到"Supported interface orientations" 设置item 项为Portrait就可以了。这个设置为全局设置。
整个应用的屏幕状态
2、满屏问题 IOS 模拟器 在iPhone5和iPhone5s显示不全，不能全屏显示
[摘要：正在编写IOS运用顺序的过程当中，我不停皆是应用iPhone Retina（3.5-inch）摹拟器测
转载
2023-10-24 22:10:44
303阅读
最近做项目遇到许多问题，其中一个就是老鸟看来特简单的事－适配。其实现在的每个iOS开发都会遇到这样的事情，只是自己做了这么久一直并没有太注意这个部分，所以遇到点问题，这篇就算写给自己留笔记，也给新鸟一个参考吧，老鸟请飘过。
苹果在14年是推出了大屏手机iPhone6及6plus，这给做iOS开发的同学增添了不少事；苹果在这之前其实也做了相应的准备和局部，相继推出了sizeclass及自动布局等
移动前端开发之viewport的深入理解在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗...
转载
2015-04-09 09:05:00
122阅读
PX的知识点： 在PC端中物理像素PX和CSS的像素是一模一样的， 桌面的1px就是c
原创
2023-01-13 15:41:39
77阅读
js控制全屏及退出全屏，网上很多代码例子，我这里需求和标准的有点出入：1、当用户点击某按钮，触发iframe下的页面全屏。2、不允许用户退出全屏。解决第一点，触发全屏可以按照网上的例子，代码如下： function fullScreen(){
var elem = parent.$("iframe")[1];//重点在这里，全屏父页面的iframe
//co
转载
2023-10-03 19:08:16
378阅读
width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。height：和 width 相对应，指定高度。initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。maximum-scale：允许用户缩放到的最大比例。minimum-
转载
2013-11-11 19:21:00
41阅读
2评论
<meta name="viewport" content="width=device-width, initial-scale=1"> layout viewport(布局视口)、visual viewport(视觉视口)、ideal viewport(理想视口) ...
转载
2021-10-22 15:46:00
55阅读
2评论
相关知识点：如果把移动设备上浏览器的可视区域设为viewport的话，某些网站就会因为viewport太窄而显示错乱，所以这些浏览器就决定默认情况下把viewport设为一个较宽的值，比如980px，这样的话即使是那些为桌面设计的网站也能在移动浏览器上正常显示了。ppk把这个浏览器默认的viewport叫做layout viewport。layou
原创
2022-04-28 13:04:59
4648阅读
# 实现 iOS 图片全屏显示的步骤指南
在开发 iOS 应用时，实现图片的全屏显示是一个常见的需求。本文将为刚入行的小白开发者详细阐述如何实现这一功能，我们将从整体流程开始，分步骤讲解每一部分所需的代码及其含义。最后，我们会通过状态图和类图来帮助理解整个过程。
## 整体流程
首先，我们将整个实现过程分为以下几个步骤：
| 步骤编号 | 步骤名称 | 描述
最近，苹果用户们针对Google操作系统安卓上的应用程序进行了辩论。
其中有人提到，全屏广告就是许多人选择iPhone而非Android的一个原因。
该讨论起源于Reddit上的一个帖子，帖子标题写道：
“我很高兴Apple不允许来自应用程序外部的全屏广告”。
发帖人称，几天前他们在家庭聚会时，他的姑姑询问自己是否可以修复她的Android手机上不断弹出的全屏广
# 如何实现 iOS 全屏启动图像 (Launch Image)
在开发 iOS 应用时，启动图像（Launch Image）是用户首次打开应用时看到的第一个界面，通常用于展示应用的品牌形象。为了提供更好的用户体验，开发者应当在应用启动时使用全屏的启动图像。本文将带您一步一步实现 iOS 全屏启动图像的功能。
## 实现流程概览
下表总结了实现 iOS 全屏启动图像的主要步骤：
| 步骤
iOS 实现全屏
在iOS开发中，实现全屏功能是一个常见的需求，尤其是在视频播放和游戏开发的场景下。为了帮助大家理解如何在iOS中实现全屏，这里将详细介绍整个过程。
### 背景描述
实现全屏的流程主要包括以下几个步骤：
1. **检测设备支持的全屏模式**
2. **设置相关的视图控制器**
3. **处理动画效果和交互**
4. **更新视图在全屏状态下的布局**
以下是实现全屏的流程
