Question

我有一个网站，人们可以在其中撰写邮件，一旦您点击邮件，邮件就会显示在另一个页面上，人们可以在其中发表评论。消息显示的第二页在我的显示器上工作正常，分辨率为1920 X 1380.但是，当我将网站移动到我的笔记本电脑时，屏幕分辨率为1366 x 768，有一个自动边距的消息框向左移动

消息框有一个评论类

我尝试了这个媒体查询但没有发生任何事情

@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;
        }

Answer 1

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

css媒体查询元素向左移动

1 个答案: