不要在Ipad上顯示正確的網站

我再次問你的幫助。去這個link並看看這個屏幕截圖。不要在Ipad上顯示正確的網站

enter image description here

所有顯示的順利accurately.The下面的截圖顯示在iPad上

顯示

enter image description here

正如你可以看到，該塊已移動。代碼似乎是正確的，我不明白髮生了什麼。請幫助

來源

2012-07-23 TommyDBrown

我想查看HTML元素的問題。 PLZ確保不同的CSS爲iPad。 – 2012-07-23 08:31:19

我該怎麼辦？也就是說，我需要爲Ipad創建一個單獨的css文件？如何將文件綁定到html，以便它僅適用於Ipad？ – TommyDBrown 2012-07-23 08:53:23

您應該使用media queries來定位特定設備並應用相關樣式。

/* iPads (portrait and landscape) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
/* Styles */ 
} 

/* iPads (landscape) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
/* Styles */ 
} 

/* iPads (portrait) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
/* Styles */ 
}

來源：http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

來源

2012-07-23 09:03:38 morgi

不要在Ipad上顯示正確的網站

回答

相關問題