在開發(fā)中，使用CSS來美化網(wǎng)頁是很常見的一件事情。然而，在某些情況下，網(wǎng)頁在iPad下打開時(shí)CSS樣式會失效，這給我們的開發(fā)帶來了困擾。

@media screen and (max-width:1000px){
//在ipad下失效
.example{
color:red;
}
}
@media only screen and (min-device-width:320px) and (max-device-width: 768px) {
//在ipad下生效
.example{
color:blue;
}
}

造成這種情況的原因是，iPad的屏幕尺寸是1024*768，而在CSS中采用了"@media screen and (max-width:1000px)"的語句來控制屏幕寬度小于1000px時(shí)，.example的顏色樣式為紅色，但實(shí)際上iPad的屏幕寬度是1024px，所以這個(gè)媒體查詢不生效。

要解決這個(gè)問題，我們可以使用"@media only screen and (min-device-width:320px) and (max-device-width: 768px)"來實(shí)現(xiàn)在iPad下的生效，前提是這段代碼需要放置在前面媒體查詢的后面，這樣才能實(shí)現(xiàn)對iPad的覆蓋。

總之，在開發(fā)中，需要注意這種情況的存在，以免樣式失效，影響用戶的體驗(yàn)。