响应屏幕问题

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

至少应该把它放在那里。

Answer 2

我的建议是调查一下名为“Bootstrap CSS”的内容，以使您的网站在所有屏幕分辨率和屏幕尺寸上兼容。

http://getbootstrap.com/css/

道歉我的回答非常模糊，只是想帮助:)。

希望这有帮助，

苏海尔。