如何让我的按钮在所有媒体设备上正确显示?

How can I make my button display correctly on all media devices?

我的网站与移动网站的主题不同。

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

我的移动网站上有 3 个按钮,它们仅在某些 phone 上显示为清晰。

当我在另一个 phone 上打开网站时,有时按钮看起来乱七八糟,几乎就像没有 css 链接到它们一样

为什么某些 phones 会发生这种情况,idk.....

按钮显示 "search jobs" "employers" "candidates"

这是什么情况,求助

https://hughesjobs.net

不同的手机有不同的操作系统和(很可能)不同的网络浏览器。每个浏览器都嵌入了非常独特的默认 css 文件。如果你没有完全指定你的css,那么浏览器将"fall back"到它自己独特的默认-css-文件(至少关于未定义的css属性)。

这种情况在 Iphone、Ipad 等设备上经常发生

移动设备(再次)拥有自己的 css-属性。

您的问题是关于按钮设计的一致性。 答案是:在不同的设备上进行调试并 100% 明确所有 css 属性。

BR

更新:

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

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