2014-10-19 82 views
1

後,響應的設計,我已經成功地測試了在iPhone上本地我的網站的響應式設計,但是當我部署它的響應式設計:不工作在iPhone上部署

  • 作品調整了瀏覽器的大小時,我的桌面上
  • 當我說不會在我的iPhone

工作,它的工作原理我我一個我可以看到它切換用於小型設備的引導的導航欄,使用我的自定義CSS媒體查詢等

我有這些元在我的html:

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

我所遇到提這些問題的答案元標記,但它已經出現在我的網站上(我使用了HTML5 Boilerplate starter)。任何其他想法?

+0

你說你在iPhone上本地測試了你的設計 - 你能澄清你的意思嗎? – mknadler 2014-10-19 17:50:02

回答

1

我終於找到了問題......一點也不涉及到我的代碼,但是從我的域名託管我的網頁重定向。我的提供者正在使用基本上消除了我的HTML標籤(因此我的<meta>標籤)的html包裝。我所做的只是查看HTML並找出奇怪的事情發生......我停止使用他們的奇怪的Web重定向,並開始配置我的DNS權利。現在一切正常。

0

你可以尋找的一件事是可能專門針對iPhone或智能手機的css媒體查詢,並阻止它們顯示響應行爲,同時讓桌面瀏覽器不被觸動。

例如註釋或重新檢查靶向任何CSS媒體查詢(最小 - 設備寬度:x)或(最大設備寬度:Y)

可替代地,後一個URL,所以我們可以檢查CSS的

好運

+0

謝謝你的幫助:)。必須在SO上發佈這些信息才能認識到真正的問題(參見上面的答案)。 – vanna 2014-10-24 07:41:24