在一个智能手机屏幕上显示Wordpress内容

时间:2018-09-14 14:27:47

标签: android css wordpress browser smartphone

我在小型个人网站和集成的自定义页脚小部件上工作。在桌面上一切都很好,但是当加载到智能手机上时,如果向左移动,可以用手指滚动网站。为了更好地显示直接来自智能手机的图像。

应该如何(不具有向左和向右滚动的选项)

enter image description here

现在如何(当用手指向左滑动时)显示白屏。看起来不好。

enter image description here

所以我的问题是如何在此处制作相同的like。这是URL,问题仍然存在。

2 个答案:

答案 0 :(得分:1)

即使在小型设备上,页边距左边距也为150px,从而使内容无法显示。也许尝试以下方法:

@media only screen and (max-width: 400px) {#footer-sidebar{margin-left:15px!important} }

答案 1 :(得分:0)

似乎这样解决了我的问题:

@media only screen and (max-width: 600px) {
#footer-sidebar1 {float:left!important;
}
#footer-sidebar2 {float:left!important;
}
#footer-sidebar3 {float:left!important;
}
#footer-sidebar {
    margin-left:60px!important;
}
}