2017-08-16 116 views
0

我給出了響應式屏幕的CSS屬性,並且它在google開發人員工具中通過自定義屏幕尺寸爲1334和750 for iphone 7支持,也包含自建議添加的375,但同樣不起作用iphone 7手機。需要的溶液css在iphone 7中不支持css

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

snapshot in iphone7

snapshot in google developer

快照在iphone 7和 快照在谷歌顯影劑

snapshot in google developer for 375px

+1

750是iphone 7.So實際尺寸的視網膜尺寸爲375.請相應更新媒體查詢,讓我知道是否可行。 –

+0

我也嘗試過375它的響應。 –

+0

375有沒有爲你工作? –

回答

2

試試這個,

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

我試過了,但仍然是一樣的。 –

+0

請分享我將手動檢查並返回給您的網址? – Sangrai

+0

35.154.125.35請檢查這個 –