如何使我的按鈕在所有媒體設備上正確顯示？

Question

我有一個網站的主題與移動網站不同。

它們共享相同的內容和插件，但主題不同。

我的移動網站上有3個按鈕，僅在某些手機上顯示清晰。

當我在其他手機上打開網站時，有時按鈕看起來被砸在一起，幾乎就像沒有將CSS鏈接到它們一樣

為什么在某些電話上發生這種情況，idk .....

按鈕顯示“搜索工作”，“雇主”，“候選人”

這可能是什么，請幫忙

https://hughesjobs.net

Answer 1

不同的手機具有不同的操作系統，並且（很有可能）具有不同的網絡瀏覽器。 每個瀏覽器都嵌入了非常獨特的default-css-files。 如果您沒有完全指定css，則瀏覽器將“回退”到其自己的唯一default-css文件（至少關於未定義的css屬性）。

Iphone，Ipad等經常發生這種情況。

移動設備（再次）具有自己的css屬性。

您的問題是關於按鈕的一致設計。 答案是：在不同的設備上調試並且對所有CSS屬性進行100％特定設置。

BR

更新：

根據您的代碼，這種詳細的CSS樣式應使您的按鈕在不同的瀏覽器中看起來相同：

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