我的主题上的帖子在侧面被切断以获得较小的分辨率

Question

我不知道如何编码。当我遇到问题时，我正在定制我的tumblr主题。一切都按照我的显示器分辨率正确定位，如

但是我总是忘记，这些帖子会以较小的分辨率被切断。

我知道这是因为我移动了边距，但我想知道如何将这些帖子设置为相对或固定的，这样当它们的分辨率缩小为其他用户时它们就会显示出来。然而同时我的分辨率仍然是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};}

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