mipengine / mip

[Deprecated] 请查看 mip2
https://www.mipengine.org/
MIT License
380 stars 81 forks source link

getNaturalDimensions 函数导致audio组件不使用layout时宽高过小 #246

Closed jennyliang220 closed 5 years ago

jennyliang220 commented 6 years ago

【问题描述】 如果开发者代码不定义layout,MIP会默认将layout设置为浏览器原生audio 元素宽高。 如源码: image MIP加工后: image 导致audio高度固定为32px(chrome)和40px(firefox),宽度为300px(chrome)和270px(firefox).

【问题代码】 https://github.com/mipengine/mip/blob/9bfe4d4edd9dddc43a7b87f70244173fc3e1f1c6/src/layout.js#L143

【建议】 宽度可以使用flex布局,但高度32px(chrome)明显太矮,导致按钮区域过小不利于点击。 苹果系统为了方便点击,行高为44px,设计稿@2x显示为88px. fbf6f973f6453c8a2cd0ab44ecb86f0f

建议使用组件默认宽高,或站长自定义皮肤。不强制增加宽高。