移动端布局定宽的一个问题

为什么下图红框里的图片icon要使用定宽而不是百分比呢?
图片描述

阅读 2.6k
3 个回答

为什么要用百分比呢?

百分比的宽高是相对其最近的父级元素的高的大小,也就是说,其最近的父级元素应该有一个明确的高度值才能使其百分比高度生效.

建议:应该尽量避免多层百分比高度嵌套的风格

百分比的话,你想要看到多大的icon?

无论布局如何,像这种icon或者button也好,都需要保持足够的大小才能够保证交互体验,所以不需要用跟着屏幕大小变化。

使用雪碧图背景的图标,如何使用百分比?使用js探测终端再选择性加载CSS和雪碧图这种,比百分比+雪碧图;恐怕是百分比的更加坑咯~

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏