ios - iphone 7 不支持 css

Question

我为响应式屏幕提供了 CSS 属性，谷歌开发人员工具通过将屏幕尺寸自定义为 1334 和 750 for iphone 7 支持它，因为建议添加后还包括 375，但在 iphone 7 手机中不起作用。需要一个解决方案

@media screen and (min-width:351px) and (max-width:384px) {

        .titSech{
    float: left;
    width: 200px;
    height: 100px;
    transform: rotate(270deg);
    transform-origin: left top 0
        color:#1D0B57;
        color:#1D0B57!important;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 15px;
}
}

 @media screen and (min-width:690px) and (max-width:769px)  { 
    .titSech{
            float: left;
            width: 200px;
            height: 100px;
            transform: rotate(270deg);
            transform-origin: left top 0
                color:#1D0B57;
                color:#1D0B57!important;
            margin-left: 10px;
            margin-top: 10px;
            font-size: 15px;
        }
    }

iPhone 7 和快照 谷歌开发者中的快照

Answer 1

试试这个，

  @media (min-width: 375px) and (max-width: 769px)  { 

    .titSech{
            float: left;
            width: 200px;
            height: 100px;
          -ms-transform-origin: left top 0 
           color:#1D0B57;
           transform-origin: left top 0 
           color:#1D0B57;
           -webkit-transform-origin: left top 0
            color:#1D0B57;
            -ms-transform: rotate(270deg);
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
            color:#1D0B57!important;
            margin-left: 10px;
            margin-top: 10px;
            font-size: 15px;
        }
        }