0
我想讓iPhone遵循正常的CSS我設置。 Chrome顯示它很好,並顯示它應該如何「移動視圖」,但是當我在我的iPhone上查看它時,顯示效果會有所不同我如何強制iOS設備遵循我的CSS
請看下面的截圖。
頂部圖片:鉻在「移動視圖」。
底部圖片:Iphone6s
會是怎樣解決這個的最佳方式比較底部圖像右側的下拉箭頭?
<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;
}
}
請提供您用於設計下拉式樣的CSS –
我現在已經包含HTML和CSS –