第九章 多语言环境的支持和多屏幕的适配(3)

9.3.4详细说明DensityDensity值,表示每英寸有多少个显示点,它与屏幕分辨率是两个概念。HVGA屏density=160;QVGA屏density=120;WVGA屏density=240;WQVGA屏density=120。apk的资源包中,当屏幕density=240时,使用hdpi标签的资源;当屏幕density=160时,使用mdpi标签的资源;当屏幕density=120时
摘要由CSDN通过智能技术生成
9.3.4详细说明Density

Density值,表示每英寸有多少个显示点,它与屏幕分辨率是两个概念。HVGAdensity=160QVGAdensity=120WVGAdensity=240WQVGAdensity=120

apk的资源包中,当屏幕density=240时,使用hdpi标签的资源;当屏幕density=160时,使用mdpi标签的资源;当屏幕density=120时,使用ldpi标签的资源。

不加任何标签的资源,是各种分辨率情况下共用的。

例如:我们有如下图片资源:

res\drawable-nodpi

--------------->logonodpi120.png (75x75)

--------------->logonodpi160.png (100x100)

--------------->logonodpi240.png (150x150)

res\drawable-ldpi

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
对于uniapp的多屏幕适配,根据提供的引用内容,可以采用以下方法进行适配: 1. 根据引用提到的情况,如果多window方案对于复杂的界面不适用,可以考虑自己实现响应式布局。根据引用中提到的需要适配不同屏幕尺寸,可以使用bootstrap响应式布局作为思路。在uniapp中,可以通过使用动态类名和vuex来管理屏幕尺寸,以快速解决不同屏幕下的样式问题。这样可以快速适配不同屏幕尺寸,满足公司的业务需求。 2. 另外,也可以考虑使用媒体查询来实现响应式布局。虽然uniapp本身无法使用媒体查询,但可以通过在项目中引入第三方的CSS预处理器,如less或sass,来使用媒体查询。通过编写不同屏幕尺寸下的样式代码,可以实现多屏幕适配的效果。 总之,对于uniapp的多屏幕适配,可以考虑自己实现响应式布局,使用动态类名和vuex管理屏幕尺寸,或者使用第三方CSS预处理器来实现媒体查询。这样可以快速适配不同屏幕尺寸,满足公司的业务需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [UNIAPP 宽屏适配 响应式](https://blog.csdn.net/qq_43129072/article/details/130936969)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值