2013-04-12 74 views
0

這工作正確的桌面瀏覽器但所有iPhone的瀏覽器我有這個錯誤(沒有在Android手機上測試)JQuery的圖標看起來對iPhone不正確

通常你可以充分看到白色的,向下看箭頭標誌在圓圈內部,在iPhone上,您可以看到圖像中只有一小部分可見。

任何想法如何解決這個問題?我使用jQuery Mobile和參考圖像從

css/images 

文件夾本地文件,我的頭腳本都是這樣

<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" /> 
    <script src="js/jquery-1.8.2.min.js"></script> 
    <script src="js/jquery.mobile-1.2.0.min.js"></script> 

和HTML是

 <select id="langoptions"> 
      <option class="langCH" value="0">Chinese</option> 
      <option class="langEN" value="1">English</option> 
     </select> 

enter image description here

+1

你可以發佈此按鈕的HTML代碼? – iappwebdev

+0

@Simon i已更新 – Spring

+1

嘗試僅使用select和css創建jsfiddle並在您的iPhone上進行驗證。你選擇之前使用任何浮動樣式? – iappwebdev

回答

0

原來我使用的是屬於jQuery 1.3.1的圖像文件,而我的css是1.2.0

下載了1.2.1傳統zip文件,使用了正確的sprite,並且它已被修復。這兩個精靈實際上有相同的圖標,但其中一個長度稍大,所以造成圖像中心偏離。