我有一个网站,其主题与其移动网站不同。
它们共享相同的内容和插件,但主题不同。
我的移动网站上有 3 个按钮,这些按钮仅在某些手机上显示清晰。
当我在另一部手机上打开网站时,有时按钮看起来乱七八糟,几乎就像没有链接到它们的 css
为什么在某些手机上会发生这种情况,idk .....
按钮上写着“搜索工作”“雇主”“求职者”
请问这是什么情况
最佳答案
不同的手机有不同的操作系统和(很可能)不同的网络浏览器。每个浏览器都嵌入了非常独特的默认 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;
}
关于android - 如何让我的按钮在所有媒体设备上正确显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29064552/