【发布时间】：2018-10-26 21:06:51
【问题描述】：
谁能解释一下为什么在 1366x768 分辨率的显示器上标题会被切断？ Header is cut。理想情况下，这应该是like this。用screenfly工具测试网站有a bit better result，但还是剪掉了标题。
这是由于具有翻译属性的 cotnent 包装器应该从监视器的所有 4 个侧面居中该站点吗？
.cn {
display: flex;
justify-content: center;
align-items: center; }
.inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 1301px;
height: 890px;
}
【问题讨论】：
-
CSS 不是我真正的东西...但是边距值得尝试，或者它是填充...？
-
刚试过。如果我更改边距，1366x768 屏幕的效果会更好，但所有其他分辨率也会降低。这样一来，内容的差距就比以前更大了。不过，谢谢。
-
你为什么要制作你的弹性项目
position: absolute;？我会从你的.inner中删除position、top、left和transform，然后让弹性框完成它的工作 -
你有更多的代码可以用来复制吗？图片在合理范围内很有帮助，但包括 HTML 和 CSS，我们将有更好的机会提供帮助。