Css 网站标题被切断

Css 网站标题被切断,css,center,centering,Css,Center,Centering,有人能解释为什么在分辨率为1366x768的显示器上割台是浅褐色的吗。理想情况下,这应该看起来很好。使用screenfly工具测试站点已经完成了,但标题仍然被剪切 这是因为一个具有translate属性的content包装器应该从监视器的所有4个侧面将站点置于中心位置吗 .cn { display: flex; justify-content: center; align-items: center; } .inner { position: absolute; top: 50%; lef

有人能解释为什么在分辨率为1366x768的显示器上割台是浅褐色的吗。理想情况下,这应该看起来很好。使用screenfly工具测试站点已经完成了,但标题仍然被剪切

这是因为一个具有translate属性的content包装器应该从监视器的所有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;
}

很抱歉用这个来打扰任何人。我找到了解决办法。我更改了@media screen和(最小宽度:1600px)的分辨率


从1301px变为1600px,解决了这个问题

CSS不是我真正喜欢的东西…但是边距值得一试,或者它是填充的…?只是试过了。如果我更改了边距,1366x768屏幕的效果确实会更好,但所有其他分辨率也会降低。这样一来,内容的差距就比以前更大了。不过,谢谢。你为什么要把你的弹性物品
定位为:绝对?我会将
位置
顶部
左侧
,和
转换
从您的
内部
中移除,并让flexbox完成它的工作。您有更多的代码可用于复制吗?图像在合理范围内是有用的,但包括HTML和CSS,我们将有更好的机会提供帮助。