安卓和蘋果都是目前市場上最流行的兩種智能手機(jī)操作系統(tǒng),它們在使用過程中都需要網(wǎng)頁支持。然而,在網(wǎng)頁中使用CSS樣式時(shí),安卓和蘋果的兼容性卻存在一定的差異。
/* iOS設(shè)備(webkit內(nèi)核)特有的CSS樣式 */ /* 1.文本樣式 */ -webkit-text-size-adjust:none; /* 禁用自動縮放 */ text-size-adjust:none; /* 禁用自動縮放 */ /* 2.滾動條 */ overflow-scrolling:touch; /* 添加滾動條,實(shí)現(xiàn)平滑滾動 */ /* 3.彈性效果 */ -webkit-overflow-scrolling:touch; /* 添加彈性效果 */ /* 4.長按圖片保存 */ -webkit-touch-callout:none; /* 長按圖片不會出現(xiàn)保存等選項(xiàng) */
對于安卓設(shè)備,需要注意以下幾個(gè)方面,以確保CSS樣式兼容性:
/* Android設(shè)備(mobilekit內(nèi)核)特有的CSS樣式 */ /* 1.文本樣式 */ -webkit-text-size-adjust:none; /* 禁用自動縮放 */ text-size-adjust:none; /* 禁用自動縮放 */ /* 2.滾動條 */ overflow:auto; /* 簡單地添加滾動條 */ /* 3.橫向滾動 */ -webkit-overflow-scrolling:touch; /* 橫向滾動 */ -ms-overflow-style:none; /* 隱藏IE10+瀏覽器下的橫向滾動條 */ /* 4.觸摸長按右鍵菜單 */ -webkit-touch-callout:none; /* 長按右鍵不出現(xiàn)菜單 */ /* 5.圓角 */ -webkit-border-radius:3px; /* 圓角 */ -moz-border-radius:3px; /* 圓角 */ border-radius:3px; /* 圓角 */
對于使用CSS樣式的開發(fā)者,要注重測試各種不同的設(shè)備類型和系統(tǒng)版本,以確保網(wǎng)頁在不同的平臺上都能夠正常地顯示和響應(yīng)。