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

Question

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

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

我的移动网站上有 3 个按钮，仅在某些手机上显示清晰。

当我在另一部手机上打开网站时，有时按钮看起来像被砸在一起，几乎就像没有链接到它们的 css

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

按钮显示“搜索工作”“雇主”“候选人”

这是什么情况，请帮忙

https://hughesjobs.net

Answer 1

不同的手机有不同的操作系统和（很可能）不同的网络浏览器。每个浏览器都嵌入了非常独特的默认 css 文件。如果你没有完全指定你的 css，那么浏览器将“回退”到它自己唯一的默认 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;
}