微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

HTML 和 CSS 表格在 Android Firefox 中显示完美,但在 Android Chrome 中不显示

如何解决HTML 和 CSS 表格在 Android Firefox 中显示完美,但在 Android Chrome 中不显示

此 HTML 和 CSS 内容表在桌面 chrome 和 firefox 中完美显示,但是当我在 android chrome 浏览器中打开它时,表的右侧显示不正确,但在 android firefox 浏览器中完美运行。在 chrome 中一切正常,但仅限于 android 8.0 版本。问题仅在android 10版本中。 Chrome 已更新。

Check the HTML&CSS at codepen. 
 https://codepen.io/Zeeshanelahi/pen/GRrrNNv

Firefox View Chrome view

解决方法

您的这个问题主要与响应能力有关。 Responsiveness 是网站或网络应用程序的一项功能,可以适应不同的显示(在大小方面),以便容器的内容保持其初始位置、大小、吸引力等。

在您的情况下,如果您的表格没有响应,您可能只在特定时刻(Android Chrome)修复问题,并且它会在其他各种浏览器或显示器中继续显示不相关的行为。

响应性主要是通过将动态值分配给尺寸属性来实现的。与其给某些静态值,比如用px,你应该给更多的动态值,比如百分比(%),rem,em等。

请考虑这一点,并尝试通过通常使其具有响应性来更全面地解决您的问题,这样您就不会遇到任何其他此类问题。如果您需要更多帮助,请联系我。

附言由于我没有足够的代表,我无法发表评论,不得不将此作为答案发布。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。