2017-06-15 40 views
0

我想讓iPhone遵循正常的CSS我設置。 Chrome顯示它很好,並顯示它應該如何「移動視圖」,但是當我在我的iPhone上查看它時,顯示效果會有所不同我如何強制iOS設備遵循我的CSS

請看下面的截圖。

頂部圖片:鉻在「移動視圖」。

底部圖片:Iphone6s

相比頂端一個 Example 1

enter image description here

會是怎樣解決這個的最佳方式比較底部圖像右側的下拉箭頭?

<div class="row SortPanel"> 
       <div class="col-sm-12 innerSortPanel"> 
        <asp:Panel ID="pnlSort" runat="server" CssClass="innerSortPanel"> 
         <asp:DropDownList ID="ddlOrderBy" runat="server" OnSelectedIndexChanged="ddlOrderBy_SelectedIndexChanged" AutoPostBack="true" CssClass="form-control input-sm"> 
          <asp:ListItem Value="0" Text="Date: sooner - later" /> 
          <asp:ListItem Value="20" Text="Date: later - sooner" /> 
          <asp:ListItem Value="5" Text="Price: low - high" /> 
          <asp:ListItem Value="25" Text="Price: high - low" /> 
          <asp:ListItem Value="10" Text="Duration: shorter - longer" /> 
          <asp:ListItem Value="30" Text="Duration: longer - shorter" /> 
          <asp:ListItem Value="15" Text="Title: A - Z" /> 
          <asp:ListItem Value="35" Text="Title: Z - A" /> 
         </asp:DropDownList> 
        </asp:Panel> 
       </div> 
      </div> 

CSS:

.form-control { 
    display: block; 
    width: 100%; 
    height: 52px; 
    padding: 8px 12px; 
    font-size: 16px; 
    line-height: 1.42857143; 
    color: #555; 
    background-color: #fff; 
    background-image: none; 
    border: 1px solid #000; 
    border-radius: 0px; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; 
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
} 
@media (min-width: 768px){ 
    .sortPanel { 
     padding-right:20px; 
    } 
    .innerSortPanel { 
     float:right; 
    } 
} 
+0

請提供您用於設計下拉式樣的CSS –

+0

我現在已經包含HTML和CSS –

回答

0

嘗試包括normalize.css

由於從網站引用:

Normalize.css是一個可定製的CSS文件,使瀏覽器顯示的所有元素更一致,並符合現代標準。我們研究了默認瀏覽器樣式之間的差異,以便僅精確定位需要規範化的樣式。

然後你可以使用你自己的CSS沒有任何問題。

相關問題