新 MacBook Pro 的出现，让一些刘海屏讨厌者大为心痛，认为这是缺乏美感的设计。 刘海屏没有霸占工作空间 其实「萤海镜头」位置是没有占用 MacBook Pro 的可用空间，因为它适合自己的空间功能加建出来的显示，主要是显示状态及选单软件。 将琉海完全隐藏 如果用全萤幕模式，App 或会因为
新建一个js文件 getPhoneInfo.js (也可以直接写在mian.js) export const getPhoneInfo = () => { const phoneInfo = uni.getSystemInfoSync(); // 获取手机系统信息 let statusBarObj = { statusBarHeight: 20 /* 状态栏默认高度 */ //如果自己有需要其他属性的话，可以往这
判断vivo是否有刘海屏 /** * 判断vivo是否有刘海屏 * https://swsdl.vivo.com.cn/appstore/developer/uploadfile/20180328/20180328152252602.pdf * @return */ private static boolean hasNotchVIVO() { try {
.home{ padding-bottom:constant(safe-area-inset-bottom); //兼容IOS < 11.2 padding-bottom:env(safe-area-inset-bottom);//兼容IOS > 11.2 } ps：constant必须写在前面，env写在后面。 constant与env有4个预设变量： safe-area-inset-top //上方刘海 safe-area-inset
前几天，知名爆料者 @Jon Prosser 提供了据称是最终版 iPhone13 的 CAD 图样，这位爆料者此前曾准确预测过苹果新品，所以该爆料格外引人关注 外网博主@Ian Zelbo 就根据这批CAD图，制作了 iPhone 13 两款基础版的外观设计图，可能是目前最接近量产版本的渲染图 在渲染图中，i
刘海屏兼容的处理 <template> <div> ... <div class="bottom" :class="{iphonex : isIphoneX }"> <button>确定</button> <button>取消</button> </div> </div
需求前段时间在做挖孔屏适配，中间就不要有刘海，需求就是把这个刘海去掉。调研官方关于刘海屏有介绍，其中有两个属性比较关键：值说明config_mainBuiltInDisplayCutout用于定义刘海屏形状的路径。这是一个可由 android.util.PathParser 解析的字符串，并且是告知系统刘海屏大小和形状的方
屏幕适配 为什么要适配 由于Android系统的开放性，任何用户、开发者、OEM厂商、运营商都可以对Android进行定制，于是 导致运行 Android 的设备多种多样，它们有着不同的屏幕尺寸和像素密度。 尽管系统可通过基本的缩放 和调整大小功能使界面适应不同屏幕，但您应做出进一步优化，以确保界
适配刘海屏就是调整控件的位置使其位于安全区域 各种机型适配：一个个型号适配，麻烦，不靠谱 Android P自带的API：还有很多旧版本钉子户呢，不靠谱 那么，有没有一种方法，可以不用判断是否是刘海屏呢？ 思路： 创建一个工具类用于获得与储存StatusBar高度 在Activity创建的时候得到系统的当前Stat
每个人的工作 前端 这三天完成的工作 下次计划完成的工作 现在的进度 后端 这三天完成的工作 下次计划完成的工作 现在的进度 模型 这三天完成的工作 下次计划完成的工作 现在的进度 困难与收获 遇到的困难 收获 例会照片
##Android 9 Pie重要功能 1、Android 9 Pie 是 Android 的一次重大更新，首先 Pie 带来了一个全新的 Android 仪表板，可以让用户知道其在设备上花费的时间，这与 Apple 的屏幕时间功能类似。应用程序屏幕被重新设计，支持 iPhone X 等带有刘海的显示器设备。Pie 也使用了一种新的基
最近小伙伴说她的下个项目是移动端的，她说她没搞过移动端的东西以后要多问问我这个菜鸡，然后脑子里一下子冒出来之前困扰我很久的适配问题，突然想起来还没做记录，趁我代码还没删我先在这里记录一手，万一下个项目我又碰到移动端了也免得忘了又到处去问度娘（遥远的七八个月之后，北漂小菜不
默认刘海屏的webview是有安全区域的，加上viewport-fit=cover属性后webview会全屏，全屏后为了适配刘海屏加上安全区域 padding-top: 1rem;//android样式 padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);// i
何为沉浸式？ 沉浸式就是app的头部和状态栏和何为一体的，webview即为整个手机的高度 何为状态栏？ 状态栏就是手机顶部，显示时间电量那一行 除此还有刘海屏，水滴屏，挖孔屏，全面屏，非刘海屏，不同手机状态栏高度又不太一样，需要我们去适配，有一个段子说，如果看到那个手机适配有问题，赶紧把那个手机
