m0_56156680 黑铁 2021-09-23 09:11:38
加精
h5适配安装ios的话尺寸是多少哈
...全文
296 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
H5移动端适配方案
本文详细介绍了移动端H5的两种适配方案：flexible + rem与viewport。通过理解设备像素、CSS像素等概念，解析了适配过程。在flexible方案中，通过动态计算rem和dpr实现适配，解决了Retina屏幕下文本和1px边框的问题。而在viewport方案中，利用vh/vw单位结合PostCSS工具实现自适应，但存在计算误差和元素溢出问题。同时，文章还讨论了如何针对iPhoneX的底部小黑条进行适配。
UniApp H5 适配 PC 端新姿势：打造跨设备一致体验
很多开发者用 UniApp 开发多端应用，但 H5 应用在 PC 端显示效果差。文章分享 UniApp H5 适配解决方案，核心思路是设备判断与页面跳转，在 PC 端用模拟手机的 iframe 展示应用，还介绍了具体步骤、效果及注意事项。
移动端H5开发的屏幕适配方案
本文详细解释了移动端屏幕适配的基本概念，包括dpr的概念及其获取方式，rem单位的应用及其实现屏幕适配的方法。特别介绍了手淘H5适配库flexible.js的工作原理和使用方法，以及如何通过PostCSS和px2rem插件提高开发效率。
vue 项目移动端 ios 安卓 pc端适配 实现一个底部tab栏
本文详细介绍了H5移动端的适配方案，包括使用npm安装vconsole进行调试，利用lib-flexible和px2rem-loader进行尺寸转换。此外，针对iOS设备的适配，通过媒体查询和CSS样式处理iPhone X系列的底部安全区域。同时，展示了如何使用vant-ui的van-tabbar组件实现底部tab栏的点击高亮，并提供了Dialog组件的异步关闭方法。
App/H5/小程序测试技术
本文详细介绍了App测试的流程、策略，包括功能测试、适配测试、性能测试和安全测试。同时，讲解了H5测试的概述，探讨了H5与小程序的区别，并提到了微信小程序的测试要点。内容涵盖移动操作系统、屏幕尺寸、分辨率等多个方面。
设计狮聚集地

1,169

社区成员

1,468

社区内容

发帖
与我相关
我的任务
社区描述
UI设计狮聚集地，是UI，PS，AI，AE，C4D等一系列软件相关行业从业者的聚集地
社区管理员
  • guyvh
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

发布内容10积分，数据好可以找我置顶，加精

 

试试用AI创作助手写篇文章吧

+ 用AI写文章