如何让侧边栏及内容适配全屏网页，摆脱4:3显示效果

当前页面始终以类似4:3的比例显示，我需要让侧边栏（sidebar）及内部内容能够适配全屏网页。已经修改了styles.css文件，但页面显示没有任何变化，希望实现全屏适配的效果。

相关文件代码 #

styles.css #

/* 请在此粘贴你的styles.css代码内容 */

当前页面显示截图 #

当前4:3比例显示效果截图

内容的提问来源于stack exchange，提问作者StarMANJ