Question

我为响应式屏幕提供了CSS属性，并且谷歌开发者工具支持自定义屏幕尺寸为1334和750，因为建议添加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和iPhone中的快照谷歌开发者的快照

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

iphone 7不支持css

1 个答案: