h5移动端已经能拿到设备是ios了，需要再进一步判断下当前机型需不需要适配安全距离，iphone6/7/8不需要，iphoneX往上需要，对比发现需要适配安全距离的机型宽高比接近0.46，不需要的接近0.56，但是window.innerHeight拿不到整块屏幕的高度，只能拿到除开上下安全距离的高，就不能用长宽比来判断需不需要安全距离，有没有其他方法能够判断
0条回答 默认 最新
- 2020-09-01 09:42《H5移动端适配Flexible方案详解》 在移动互联网时代，H5页面的适配问题显得尤为重要，尤其在各种屏幕尺寸、分辨率各异的设备中，如何确保页面在不同设备上呈现一致的效果，这就是Flexible方案的核心所在。本文将...
- 2025-02-01 21:04亚一蛋的博客 idealviewport 理想视口: 为浏览器定义的可完美适配移动端的理想 viewport，固定不变，可以认为是设备视口宽度。)：当我们以百分比来指定一个元素的大小时，它的计算值是由这个元素的包含块计算而来的。当用户对...
- 2023-08-30 14:01_Forever__的博客 fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw selectorBlackList: ["wrap"], // 指定不转换为视窗单位的类名，/* 以iPhone6为例：布局视口为375px，我们把它分成10份，则1rem = 37.5px，这时UI...
- 2019-08-11 08:12在移动互联网领域，为了实现网页在不同屏幕尺寸的设备上都能保持良好的视觉效果，开发者...这个方案在实际开发中具有广泛的应用，特别是在混合移动开发中，能够确保H5页面在各种移动设备上呈现出一致且优秀的用户体验。
- 2021-04-10 19:42庞囧的博客 UI同事做出来的设计稿宽度是iPhone6标准的750px： 然而我们的开发界面有设备像素比，所以同样是IPhone6机型却是375px： 这种情况下，如果我们写盒子的边框为1px时，在电脑上看确实是1px，但是真正用手机去看时，就会...
- 2023-08-01 22:41通过深入研究这个源码，开发者不仅可以掌握移动端前端开发的核心技术，还能了解到如何创建一个既美观又实用的手机网站，满足现代用户的需求。在实际项目中，我们可以借鉴并改进这样的模板，以构建出更加优秀的移动端...
- 2015-04-23 14:31jennypypy的博客 大屏幕手机其实一直有，只是以前大家没怎么重视，移动端的H5页面大部分都以320px为基准宽度进行布局，那些大屏屌丝android用户也懒得去理，而现在iphone也搞起多屏幕，老板们重视程度就不一样了。 回归正题，兼容...
- 2019-07-24 10:28麻烦让一让，我比较宽的博客 钉钉容器中开发H5应用时适配iphonex 首先要了解iphonex屏幕尺寸的一些知识,可以参考H5页面WebView在Iphonex的适配,有了对iphonex屏幕的基本认识后,适配就相对简单一些了. 盗图一张: bottom部分fixed定位,底部会造成...
- 2023-08-29 17:03MissXu666的博客 移动端产品生存环境？ 解决兼容性问题的关键在于对移动端产品的生存环境进行梳理，在此基础之上制定应对策略。 所谓生存环境主要分为三个维度： ①操作系统，比如iOS6和iOS7，或者安卓各家的定制系统的不同版本 ②...
- 2019-01-06 21:20同名公众号 - 人生代码的博客 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1.首先，选取一款手机的屏幕宽高作为基准(现在一般选取iphone6的375×667)。之前项目中也用到过iphone5的320×568。 2.对于retina...
- 没有解决我的问题, 去提问
问题事件
系统已结题
1月29日
创建了问题
1月21日