css媒体查询元素移动到左边

我有一个网站，在这里人们写邮件，一旦你点击消息出现在另一个页面上，人们可以在其下面发表评论。显示信息的第二页在我的显示器上工作正常，分辨率为1920 X 1380.但是，当我将网站移动到屏幕分辨率为1366 x 768的笔记本电脑时，具有自动边距的消息框向左移动。css媒体查询元素移动到左边

消息框有一个类注释

我试过这个媒体查询，但什么都没有发生

@media(max-width: 1400px) { 
    .comment { 
    margin-left: 400px; 
    } 
} 


    My css for the comment box 

     .comment { 
     margin:auto; 
     border:1px solid #eaeaea; 
     font-size: 14px; 
     line-spacing: 2px; 
     letter-spacing: 1.5px; 
     border-radius: 5px; 
     font-style: verdana; 
     }

来源

2014-03-25 user3448253

我们需要查看其余的CSS以了解问题 –

您可以在JSFIDDLE上设置演示吗？通过这种方式可以更容易理解。 –

检查您的媒体查询是标准的声明之前，它应该是后以防止覆盖。但如果你想要一个动态的保证金，我建议用js获得窗口的内部宽度来计算它，然后应用它。您可以使用jQuery及其.css（）方法

来源

2014-03-25 14:06:48 nach

css媒体查询元素移动到左边

回答

相关问题