如何在手机浏览器上正确调整大小？

Question

我的网站[https://gatecybertech.com/more_info.html]从PC上看起来不错，但是从Android手机的浏览器查看时，蓝色背景部分有多余的空白，我知道这是因为“视频”部分突出了，它将无法正确调整大小，我的CSS如下所示：

  #Keypad_Pins_Easily_Stolen { width: 5vw; height: auto; }
  #How_To_Steal_Passwords { width: 5vw; height: auto; }
  #How_Keylogger_Works { width: 5vw; height: auto; }
  ...

如何修复它，以使“视频”部分的大小可以与其他部分相同，并且蓝色背景部分的[右侧]不会有空白？

Answer 1

我有一个更好的解决方案。在CSS 中使用@media查询，或者在CSS中使用Grid或Flexbox系统。它们是非常有效且现代/受支持的解决方案，通过这种方式，您还可以学到很多东西并进行练习。

Answer 2

感谢@Jack，我修复了它，而不是“ <table width=1000 border=1>”，现在有了“ <table width=100% border=1>”。