我正在努力让我的小页面上的图片在移动设备上运行。现在他们根本没有调整大小。在发布此消息之前，我已经尝试过在这里寻找答案，但我发现的解决方案都没有为我工作。
网站的网址位于：crypto.mmo-spellbook.com/app/
我只想让带有图标的菜单栏在手机上调整大小。我尝试过使用bootstrap并添加img-responsive标签，但是没有用（所以我将其删除了），我还尝试在菜单上添加一个div为100 ％宽度，但这也没有帮助。我也有最大宽度设置：
img {
height: auto !important;
max-width: 100% !important;
}
在我的标题中，我也有：
<meta name="viewport" content="width=device-width, initial-scale=1, height=device-height, user-scalable=0">
这使得iframe正确调整大小，但不是实际图像。该页面非常简单，但似乎图片并不想调整大小。
非常感谢帮助。
谢谢！