HTML中如何实现元素随屏幕尺寸自适应？已加meta viewport仍失效

我在开发页面时已经添加了<meta name="viewport">标签，但调整屏幕尺寸时页面元素不会自动适配布局，大家可以按照以下步骤复现问题排查：

• 下载项目代码后在浏览器打开对应的.html文件
• 在页面输入框输入Benzene后按下回车，等待输出内容完全展示
• 手动缩小浏览器窗口调整视口尺寸即可复现适配异常

问题表现很难仅通过文字准确描述，麻烦大家实际复现后帮忙定位问题原因。

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