Html 按钮（图像）不是'；firefox上出现的t

因此，我已经设置了我的网站，并将按钮的图像放在正确的位置。我相信我已经使用了正确的方法，使其在所有浏览器中都能正常显示，即使是移动浏览器。但出于某种原因，我现在对使用firefox的人有一个问题，在手机上，它实际上显示的图标有点太大和比例过大，因为该网站是为宽屏设计的

有没有办法解决firefox和手机的问题

源代码：

我相信这与这个地区有关，我不确定

我就是不能让他们合身

@media (min-width:320px)  {
    #store{
            content:url("http://website.com/store.png");
            width:35vw;
            height:35vw;
            max-width:100%;
            vertical-align:middle;
            text-align:center;
            display:inline-block;
            }

---

内容通常用于伪类（前/后）

为什么不通篇使用背景图像属性？还需要指定背景大小。因为您已经指定了宽度和高度，所以可以使用“包含”作为背景大小

什么背景尺寸：包含

将图像缩放到最大大小，以使其宽度和宽度 高度可以放在内容区域内

因此，您发布的代码将变成：

@media (min-width:320px)  {
    #store{
            background-image: url("http://website.com/store.png");
            background-size: contain;
            width:35vw;
            height:35vw;
            max-width:100%;
            vertical-align:middle;
            text-align:center;
            display:inline-block;
            }

---

你被要求在这里发布你的代码和标记，而不是你的网站或其他第三方，它们明天可能会改变或消失，在未来对任何人都没有帮助：你的网站是可怕的无效的，最重要的是缺少现代网页的基本原理。我发布它只是为了让人们测试一下，看看有什么错@RobTo repeat：你需要在这里发布一个最小的、完整的、可验证的例子。他的标记在顶部被彻底破坏了，现在已经帮不上忙了。