【问题标题】:How to change wordpress website Page width on Mobile device?如何在移动设备上更改 wordpress 网站页面宽度?
【发布时间】:2018-08-10 17:29:53
【问题描述】:

我在我的 wordpress 网站上使用Amadeus 主题。它对我的网站非常用户友好和有用。它在桌面上看起来不错。但是在移动设备上它的页面宽度变得非常小。但是对于帖子,它在移动设备和桌面上看起来都不错。 我想在移动设备上增加我的网站的页面宽度(而不是帖子宽度)。我该怎么做?

这是一个页面示例 - page example & 这里是一个帖子的例子 - post example

【问题讨论】:

  • .page .hentry { padding: 45px; ) 可能导致问题。您应该重新定义左右填充。使用媒体查询将其设为零。

标签: html css wordpress twitter-bootstrap


【解决方案1】:

如果您想通过调整屏幕大小来更改某些设备上的页面宽度,您可以将要调整大小的元素的节点放在特殊的控制 css 方法@media 中。例如:

@media screen and (min-width:350px) and (max-width:750px) { .body { width: 150% }}

...然后将此信息放在主题的主 .css 文件中的页面样式部分中。

【讨论】:

    猜你喜欢
    • 2018-03-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多