竖屏 @media screen and (orientation:portrait)

横屏@media screen and (orientation:landscape)

意思是对所有类型的设备 @media all and (min-width:1024px) and (max-width:1199px)

p {
      float: left;
      width: 50%;
      border: 1px solid #000;
      box-sizing: border-box;
    }
   
    img {
      width: 100%;
      height: auto;
    }

上面的box-sizing的意思是width将border 和padding都加上了在加里面的里面的内容总共50%，正常的是content-box就是里面的内容