如何使按钮在所有媒体设备上正确显示？

Question

我有一个网站，有一个不同的主题与其移动网站。

他们共享相同的内容和插件，但主题不同。

我有3个按钮，是在我的移动网站上，只显示明确的某些手机。

当我在另一部手机上打开这个站点时，有时按钮看起来像被砸碎了，就像没有css链接到它们一样。

为什么这种情况会发生在某些手机上.

按钮上写着“求职”、“雇主”、“候选人”

这是什么，请帮帮忙

https://hughesjobs.net

Answer 1

不同的手机有不同的操作系统和(很可能)不同的浏览器。每个浏览器都有其非常独特的默认-css-文件嵌入。如果您没有完全指定css，那么浏览器将“退回”到它自己唯一的默认css文件(至少是关于未定义的css属性)。

这种情况经常发生在Iphones、Ipads等上。

移动设备(同样)也有自己的css属性。

你的问题是关于按钮的一致设计。答案是:在不同的设备上调试，并且100%地指定所有css属性。

BR

最新情况：

根据您的代码，这种详细的css样式应该会使您的按钮在不同的浏览器中看起来一样：

.containerm button {
    padding: 5px;
    margin: 5px;
    width: 100px;
    height: 36px;
    background-color: #BBB;
    color: white;
    font-size: 14px;
}