Question

我有一个我正在http://wpmend.com工作的网站。该网站在桌面上看起来不错，但在Mobile上，我认为我的自定义CSS搞砸了。您会看到主页部分的文字和按钮看起来不正确，而在“请求工作”部分中，前两种工作类型的按钮根本不会显示。< / p>

我搜索了这个网站，发现了类似的问题和修复，但没有一个解决了我的确切问题。请告知我如何修复移动网站上的外观。顺便说一下，它是使用Rapid主题的Wordpress网站。

提前致谢！

斯科特。

Answer 1

也许你很适合使用CSS3的媒体查询。

将此代码添加到页面的CSS中，其中#container是包裹顶部按钮的对象。

@media screen and (max-device-width:480px){
    #container: margin-top:15px;
}

当设备宽度小于480px时，这将实现此CSS代码。它会将你的容器移到标题下面一点点。

注意：并非所有移动设备都小于480px，您必须为特定设备实施多个媒体查询。请参阅：https://css-tricks.com/snippets/css/media-queries-for-standard-devices/