问题描述
此 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
解决方法
您的这个问题主要与响应能力有关。 Responsiveness 是网站或网络应用程序的一项功能,可以适应不同的显示(在大小方面),以便容器的内容保持其初始位置、大小、吸引力等。
在您的情况下,如果您的表格没有响应,您可能只在特定时刻(Android Chrome)修复问题,并且它会在其他各种浏览器或显示器中继续显示不相关的行为。
响应性主要是通过将动态值分配给尺寸属性来实现的。与其给某些静态值,比如用px,你应该给更多的动态值,比如百分比(%),rem,em等。
请考虑这一点,并尝试通过通常使其具有响应性来更全面地解决您的问题,这样您就不会遇到任何其他此类问题。如果您需要更多帮助,请联系我。
附言由于我没有足够的代表,我无法发表评论,不得不将此作为答案发布。