【问题标题】:How do I specify width of post content for permalink pages on Tumblr?如何为 Tumblr 上的永久链接页面指定帖子内容的宽度?
【发布时间】:2020-06-26 19:03:17
【问题描述】:

我的 Tumblr 主题允许我自定义主页上帖子的宽度。我选择了 700 像素。

但是,当我进入单个帖子的永久链接页面时,内容更宽。

我想更改固定链接页面的 CSS,使内容宽度为 700 像素。我查看了 CSS 的“永久链接页面”部分,但我不知道如何更改宽度。 (我没有受过 CSS 培训——如果这个问题很愚蠢,我很抱歉。)

下面我的主题 CSS 的 permalinkpage 部分的 CSS。如果我找错地方了,请告诉我。可以看到我把唯一的“宽度”改成了700px,什么也没做。

<title>
    {Title}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}
</title>
<meta name="viewport" content="width=700px">
<link rel="shortcut icon" href="{Favicon}" />
<link rel="icon" href="/img/favicon/72.png" type="image/x-icon">
<link rel="apple-touch-icon" sizes="60x60" href="{favicon}">
<meta name="theme-color" content="{AccentColor}">

【问题讨论】:

    标签: css tumblr


    【解决方案1】:

    首先你需要像这样更改元标记

    <meta name="viewport" content="width=700"> //px is removed
    

    或者你可以使用css样式属性max-width

    body {
        width: 100%;
        max-width: 700px;
        background-color: red;
        margin: 0 auto;
    }
    

    希望这可以帮助您解决!

    【讨论】:

    • 感谢您的回复,博扬。您能否在永久链接页面的代码中澄清“body”标签的位置?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-07-30
    • 2013-09-10
    • 2012-04-06
    • 2013-04-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多