遇到问题w / inline @media

Question

内联块@media宽度100％调整大小，不起作用，我有点困惑，我做错了什么。

.port{

        background: rgba(79,79,79,.5);
        max-width: 30%;
        display: inline-block;
        padding: 10px; 
        margin-top: 4px;
 }


      @media screen and (max-width: 1200px)
    { .port 
    { box-sizing: border-box;
    display:block;
    width: 100%;
    }

我很确定我忽略了一些显而易见的事情。 我正在寻找在桌面上有三行图片，当你使用手机时，只有一个图像而不是一行，为100％。