是否不支持嵌套在 <div> Chrome for Android 中？

Question

我已经在网络上搜索了一个简单的方法，可以在所有浏览器中保持一致的网站上的进度栏。我已经通过使用元素而不是进度元素为PC实现了这一目标，并认为一切都很好，直到我使用Chrome Browser App在Android手机上查看网站。

看来Android的Chrome不支持此代码？有人可以将我指向正确的方向以使其正确显示吗？

#percent {
  background-color: black;
  border-radius: 10px;
  padding: 3px;
  color: yellow;
  height: 38px;
}
#inner {
  background-color: white;
  border-radius: 8px;
  height: 100%;
  width: 100%;
  float: right;
}
#bar {
  background-color: cyan;
  border-radius: 8px;
  text-align: center;
  line-height: 38px;
  color: blue;
  height: 100%;
  float: left;
}

<br><br><br>
<div id='percent'>
  <div id='inner'>
    <div style='width: 63%;' id='bar'><b>63% Full (1354.3 GiB Free)</b></div>
  </div>
</div>

Answer 1

我使用(桌面(Chrome设备模拟器测试了代码，并且在各种设备上运行良好。但是，这确实不是模仿Android或iOS的Chrome应用程序，但是设备的纵横比不会影响嵌套的<div>呈现。

我希望这能给您一些了解您的问题。

P.S。您是否检查了您的Chrome版本是否是最新的？它可能会运行html/css