iOSデバイスにCSSに従うように強制するにはどうすればいいですか

Question

iPhoneを通常のCSSセットに従おうとしています。 Chromeはそれをうまく表示し、「モバイルビュー」でどのように表示するべきかを表示しますが、私のiPhoneで見ると多少異なって表示されます。

以下のスクリーンショットを参照してください。

トップ画像：「モバイルビュー」のChrome。

下画像：Iphone6s

は、これを解決するための最良の方法になりますどのようなトップ1

に比べて下の画像の右側にあるドロップダウン矢印を比較しますか？

<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：normalize.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; 
    } 
} 

Answer 1

してみてください。ウェブサイトから引用したよう

：

Normalize.cssは、ブラウザがより一貫して現代の基準に沿ってすべての要素をレンダリングしますカスタマイズ可能なCSSファイルです。正規化が必要なスタイルのみを正確にターゲットにするために、デフォルトのブラウザスタイルの違いを調べました。

次に、問題なく独自のCSSを使用できます。