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

时间:2015-03-15 18:31:22

标签: android ios css media-queries

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

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

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

当我在不同的手机上拉起网站时,有时按钮看起来就像是没有css链接在一起而且几乎就像没有css链接到它们一样

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

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

这可能是什么,请帮助

https://hughesjobs.net

1 个答案:

答案 0 :(得分:1)

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

Iphone,Ipads等会发生这种情况。

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

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

BR

更新

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

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