2017-02-07 44 views
-1

主div是600像素寬。據我瞭解,iPhone 5的寬度爲640像素。但是當我將這個網站拉到iPhone 5上時,主div只佔用了屏幕的一小部分,可能還有三分之一。這是爲什麼?爲什麼我的網站縮小爲移動?

Website

+0

你使用的CSS變形?像旋轉圖像一樣。 – Fran

+0

也許。它由Raphael庫構建,它提供了一個比jQuery更強大的操作DOM元素的Javascript接口。 – DJG

回答

1

所以,我已經看到了,這樣可以通過CSS轉換時,手機屏幕上顯示的整個頁面IOS萎縮內容。

所以違規CSS是

  background: url('/images/mobile-device-down-arrow.gif') no-repeat center; 
      transform: rotate(180deg); 
      -ms-transform: rotate(180deg); 
      -webkit-transform: rotate(180deg) scale(1); 

我們與

  background: url('/images/mobile-device-up-arrow.gif') no-repeat center; 

取代它,它解決了這一問題。

我記得webkit中的一個bug,但我現在找不到它。

+0

所以基本上,如果我使用變換,我註定了? – DJG

+0

這就是我們發現的。一旦我們替換了轉換代碼,我們就不再有我們網站的問題縮小了。 – Fran

相關問題