Как правильно изменить размер на Broswer мобильного телефона?

Question

Мой сайт [https://gatecybertech.com/more_info.html] выглядит нормально с P C, но при просмотре из браузера телефона 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

У меня есть лучшее решение для этого. Используйте @media запросы в CSS или , вы также можете использовать систему Grid или Flexbox в CSS. Это очень эффективные и современные / поддерживаемые решения, а также вы можете многому научиться и попрактиковаться таким образом.

Answer 2

Благодаря @Jack, я исправил это, вместо "<table width=1000 border=1>", теперь у меня есть "<table width=100% border=1>".