浏览器兼容 为什么会有兼容问题？ 由于市场上浏览器种类众多，而不同浏览器其内核亦不尽相同，所以各个浏览器对网页的解析就有一定出入，这也是导致浏览器兼容问题出现的主要原因，我们的网页需要在主流浏览器上正常运行，就需要做好浏览器兼容。现在市面上使用较多的内核例如：
使用Trident内核的浏览器：IE、Maxthon、TT；
使用Gecko内核的浏览器：Netcape6及
本文采用AspectFit 方式来计算实际屏幕分辨率，计算方式如下：local framesize = cc.Director:getInstance():getOpenGLView():getFrameSize()
local scaleX,scaleY = framesize.width/1136,framesize.height/640
local realScale = math
转载
2024-09-24 15:34:30
233阅读
300px!important;width /**/:340px;margin:0 10px 0 10px}，关于这个/**/是什么我也不太明白，只知道IE5和firefox都支持但IE6不支持，如果有人理解的话，请告诉我一声，谢了！：）3、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义ul{margin:0;padding:0;}就能解决大部分问题
特别注意：/static/img/back.png tips：防止弹窗遮罩时页面可滚动，在弹窗的外层view标签加上 @touchmove.stop.prevent="" 1、关于自定义导航栏中的刘海屏适配问题：官方提供了一个CSS变量可以直接引用：var(--status-bar-height)该变量自动匹配设备平台状态栏高度此变量可以用calc() 加上其他单位数值来使用具体参数和说
转载
2024-06-09 10:48:59
828阅读
.home{ padding-bottom:constant(safe-area-inset-bottom); //兼容IOS < 11.2 padding-bottom:env(safe-area-inset-bottom);//兼容IOS > 11.2 } ps：constant必须写在前面，e ...
转载
2021-09-09 12:22:00
987阅读
2评论
如何兼容android、ios的刘海屏描述刘海屏也有其它叫法：凹凸屏、头凹屏、覆盖屏、挖孔屏等等，这里统一按刘海屏命名，虽然都在吐槽IPhoneX的刘海屏，但是各大安卓厂商还是不停的争相模仿，使用起来也是挺不方便的，颜值上升，操作感下降，尤其是单手握住屏幕的边缘时会有极大的不便。首先借鉴下网络的手机图片展示下，苹果IOS的还好，但是安卓的厂商有小米、华为、oppo、vivo等都相应...
原创
2021-08-13 17:57:11
619阅读
如何兼容android、ios的刘海屏描述刘海屏也有其它叫法：凹凸屏、头凹屏、覆盖屏、挖孔屏等等，这里统一按刘海屏命名，虽然都在吐槽IPhoneX的刘海屏，但是各大安卓厂商还是不停的争相模仿，使用起来也是挺不方便的，颜值上升，操作感下降，尤其是单手握住屏幕的边缘时会有极大的不便。首先借鉴下网络的手机图片展示下，苹果IOS的还好，但是安卓的厂商有小米、华为、oppo、vivo等都相应...
原创
2021-08-13 17:57:12
2118阅读
如何兼容android、ios的刘海屏描述刘海屏也有其它叫法：凹凸屏、头凹屏、覆盖屏、挖孔屏等等，这里统一按刘海屏命名，虽然都在吐槽IPhoneX的刘海屏，但是各大安卓厂商还是不停的争相模仿
原创
2022-01-15 11:11:11
548阅读
如何兼容android、ios的刘海屏描述刘海屏也有其它叫法：凹凸屏、头凹屏、覆盖屏、挖孔屏等等，这里统一按刘海屏命名，虽然都在吐槽IPhoneX的刘海屏，但是各大安卓厂商还是不停的争相模仿，使用起来也是挺不方便的，颜值上升，操作感下降
原创
2022-01-15 11:29:13
401阅读
苹果iPhone的Face ID功能自推出起就备受外界关注，虽然对于Face ID与Touch ID的便捷程度争论一直没有停歇，但是喜爱Face ID的用户还是不少的。
然而，在带来Face ID功能的同时，iPhone也带来了用户们不太喜欢的“刘海屏”。
一段时间以来，外界都在猜测苹果什么时候才能缩小或取消刘海设计。然而，苹果却坚定的持续推出这一设计的机型。
而这样
转载
2024-01-28 00:15:43
48阅读
苹果在iPhone X上使用了刘海屏并开创了全面屏时代，自此各大手机厂商都在模仿，随着几年的发展，从刘海屏到水滴屏再到挖孔屏、滑盖式全面屏，现在升降全面屏和曲面全面屏也在大规模普及，早已步入了真全面屏时代，反观苹果将刘海屏从2016年延续到了2019年，为何苹果在2019还采用刘海屏设计呢？小编整理了三点原因，大家认可哪一点呢？ 1.保留良好的用户体验 苹果依旧使用刘海屏的原因就是3D结构光，要知
转载
2023-10-02 10:51:48
272阅读
在开发iOS游戏或应用程序时，如何让Unity适配iPhone的刘海屏是一个常见的问题。随着iPhone X及其后续版本的推出，这种屏幕设计呈现出独特的形态，对用户界面（UI）的设计和体验提出了新的挑战。在本文中，我们将详细记录适配iOS刘海屏的过程，包括问题背景、错误现象、根因分析、解决方案、验证测试及预防优化。
## 问题背景
随着移动设备的发展，用户对UI的期望不断提高，尤其是在处理刘海
在iOS开发中，判断设备是否为“刘海屏”是一个常见问题。当开发者们设计应用时，如何适配不同的屏幕形状和尺寸，尤其是带有异形屏的设备，显得尤为重要。本文将深入探讨如何有效判断刘海屏的存在，以及一系列相关的技术实现和优化策略。
## 更新用户场景
举个例子，我们正在开发一款社交媒体应用，目标是确保用户在各类设备上都能获得流畅的体验。在某些设备中，刘海屏可能会遮挡重要的按钮或内容区域，这就需要我们在
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行?
2. margin加倍的问题?设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inlin
转载
2024-08-16 17:17:41
51阅读
沉浸式，状态栏高度，刘海屏怎么开启，怎么适配？看这！ 何为沉浸式？沉浸式就是app的头部和状态栏和何为一体的，webview即为整个手机的高度何为状态栏？状态栏就是手机顶部，显示时间电量那一行除此还有刘海屏，水滴屏，挖孔屏，全面屏，非刘海屏，不同手机状态栏高度又不太一样，需要我们去适配，有一个段子说，如果看到那个手机适配有问题，赶紧把那个手机藏起来，不要让测试发现了。我们用HBuilder创建的应
转载
2023-11-20 09:55:25
171阅读
话说现在的手机型号越来越多，主要还是android和ios这2个巨头称霸了江湖，而他们自带的浏览器内核是webkit，那对于做移动网页开发的同事来说，一般只要做好webkit内核浏览器的展现效果就行了，看起来很简单，其实背后还有一个大坑等着你。虽说是webkit内核，但页面的展现效果还会受到自身系统的影响，升级后的系统打了补丁，新增了新的属性，支持更多丰富炫丽的效果，那么旧的系统(未升级的)就不支
前言iPhone X和IOS 11的发布，不仅在许多技术方面造成了一定的冲击，前端也不可以避免地也受到影响，因为iPhone X刘海的影响，在编写前端页面的时候要做一些处理，下面先提出一些新的概念。iphone介绍iPhone X 无论是在屏幕尺寸、分辨率、甚至是形状上都发生了较大的改变，下面以iPhone 8作为参照物，看看到底iPhone X的适配我们要怎么考虑。我们看看iPhone X尺寸上
转载
2024-01-18 15:39:44
148阅读
在开发iOS应用时，我们常常会遇到“刘海屏”的问题。刘海屏，指的是iphone X及以后的机型，其为全面屏设计留下的黑色区域，因此需要特别处理以确保UI的美观和用户体验。接下来我将详细记录解决iOS XIB刘海屏问题的过程，包括环境准备、集成步骤、配置详解、实战应用、排错指南及性能优化。
## 环境准备
在开始之前，确保你具备以下开发环境。
- **开发平台**: macOS
- **开发工
刘海屏的出现为iOS开发带来了新的挑战和机遇，如何利用“刘海屏 iOS API”来进行适配和优化是开发者需要面对的重要问题。本篇文章将分享目前处理这一问题的思路与方法。
## 背景描述
2017年苹果推出了iPhone X，标志着刘海屏设计的普及。刘海的出现使得UI设计和用户体验面临新的挑战，开发者必须考虑到不同设备的刘海部分在界面布局中的影响。
```mermaid
timeline
ios适配补充：上面的px单位和我们在web中的px单位虽然一样，但是web所需的px实际为iOS中的pt值，px转pt需要根据设备的ppi(Pixels Per Inch:像素密度进行转换)： px:pixel像素，是屏幕上的显示的基本地，并不是长度单位，这个点可大可小，点小的话就很清晰，我们称之为“分辨率高”，反之就是"分辨率低"，所以像素是一个相对单位。 pt:point准确的说死一个专用印
