2015-08-25 61 views
0

我做了一個響應式網站,使用引導程序和媒體查詢來改變各種屏幕尺寸的CSS。一些CSS規則在iPad上失敗

我有一個在橫向上在iPad上顯示不正確的部分,但是當我在瀏覽器上以相同的視口寬度對其進行測試時,它工作正常。

我有一個col-md-8的偏移量爲2,在它的內部有3個col-sm-4 divs,每個集合中的圖像設置爲父容器的100%寬度(我已經在鏈接的圖像)。 http://pasteboard.co/8J885OF.png 這就是它在瀏覽器中顯示的方式,與視圖iPad和更大的寬度相同,視覺效果如何。它還可以在瀏覽器和移動設備上調整較窄的寬度(列摺疊等)。

但在iPad的景觀div /圖像的位置和寬度完全搞砸了(並變得比視口大),我不明白爲什麼。這是它的樣子。 http://pasteboard.co/8Jt4NZo.png

CSS的其他隨機位在某些原因下也會被忽略,而其他樣式都可以。例如,某些鏈接的樣式會被忽略(通常是帶有CSS3懸停效果的白色文本和粉紅色背景,但會變成純藍色下劃線文本,就好像根本沒有應用CSS一樣)。

有沒有人有任何想法,爲什麼發生這種情況?

編輯:

對不起,我剛剛發現在CSS文件中的流氓#和刪除此有固定它。我以爲我已經徹底搜查過,以確保它不是一個錯字問題,但我一定錯過了它。謝謝大家。

+0

我們需要查看代碼以確定發生了什麼。 – RMo

+0

W3C CSS Validator ... http://jigsaw.w3.org/css-validator/ – MrWhite

回答

0

對不起,我剛剛在CSS文件中發現了一個流氓#並刪除它已修復它。我以爲我已經徹底搜查過,以確保它不是一個錯字問題,但我一定錯過了它。奇怪的是,它僅僅爲了ipad而只在橫向模式下而不是在瀏覽器上搞砸了CSS。

謝謝大家,希望我沒有浪費任何人的時間。