0

我不知道如何编码。当我遇到问题时，我正在自定义我的 tumblr 主题。一切都为我的显示器分辨率正确定位，就像这样，图 1

但正如我总是忘记的那样，帖子会以较小的分辨率被截断。 图 2

我知道这是因为我移动了边距，但我想知道如何使这些帖子相对或固定，以便在为其他用户缩小分辨率时显示出来。但同时保持在我的分辨率的同一个首选位置，即 1920 x 1080。

我不确定是否有必要提供 html，但在这里：

/* containers */

main {width:calc({select:post size}px + 400px);}

 .centerz {margin:0 auto;}
 .leftcont {left:0px; position:absolute;}
 .rightcont {position:absolute; right:-20px;}

 #postmargin {
z-index:1;
line-height:150%;
position:relative;
padding:20px 0px 50px 0px;
width:calc({select:post size}px + 40px);
}

.leftposts {margin-left:350px;}
.rightposts {margin-left:20px;}

/* posts */

.posts {
background:{color:Posts};
margin:80px 890px;
padding:0px;
transition:0.6s ease-in-out;
width:calc({select:post size}px + 20px);
-webkit-animation:fadein 1s;
animation:fadein 1s;
{block:IndexPage}border-bottom:1px solid {color:Permalinks and Asks}{/block:IndexPage}
 }

.posts img {
max-width:100%;
transition:0.5s ease-in-out;
{block:ifmonochromeimages}{block:indexpage}
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
}

.posts:hover img {
-webkit-filter:grayscale(0%);
filter:grayscale(0%);
{/block:indexpage}{/block:ifmonochromeimages}
}

{block:iffadingimages}{block:indexpage}
.posts img {opacity:0.7;}
.posts:hover img {opacity:1;}
{/block:indexpage}{/block:iffadingimages}

.container {padding:10px;}
.text {padding:5px 10px;}
.singlepic {display:block;}
.tumblr_video_container {width:auto!important; height:auto!important;}

.photo {border-bottom:1px solid {color:Permalinks and Asks};}
.photo a {padding-bottom:0px; border-bottom:0px solid transparent;}
.text a, .sourcez a {border-bottom:1px solid {color:Borders};}
.text a:hover, .sourcez a:hover {border-color:{color:Links Hover};}

任何帮助，将不胜感激。谢谢阅读！

4

0 回答 0