html - 响应式屏幕问题

Question

您好，我已经测试了我的新网站，但似乎该网站在其他分辨率下运行不佳。

这是第一张图片 (1920x1080)

第二个屏幕 (1360x768x)

我还添加了一些媒体查询，但仍然无法正常工作。

@media only screen and (max-width: 1200px) { }
@media only screen and (max-width: 959px) { }
@media only screen and (min-width: 768px) and (max-width: 959px) { }
@media only screen and (max-width: 767px) { }

@media only screen and (min-width: 480px) and (max-width: 767px) {
.checkbacksoon p span { font-size: 150px; line-height: 160px; }.error {font-size: 14px;}.search {width: 220px;}
@media only screen and (max-width: 479px) {
.checkbacksoon p span { font-size: 150px; line-height: 160px; }.error {font-size: 14px;}.search {width: 220px;}

Answer 1

我猜这些数字所在的对象是绝对定位的...

尝试制作那个大盒子容器

position:relative

至少应该把它放在里面。