目前各類的前端自適應(yīng)框架的目標(biāo)是適合PC及移動設(shè)備端最新版的瀏覽器,同時對歷史版本的瀏覽器同樣支持,但對一些老舊瀏覽器的支持會有偏差,部份效果無法顯示,但功能是完整的。
所以我們堅決推薦使用以下瀏覽器的最新版本:
- Chrome (Mac、Windows、iOS和Android)
- Safari (Mac和iOS版)
- Firefox (Mac、Windows)
- Internet Explorer
- Opera (Mac、Windows)
- 360瀏覽器(極速模式)
一:關(guān)于瀏覽器縮放問題的提示:
當(dāng)設(shè)置瀏覽器大百分比之時,會引布局錯位,所有網(wǎng)站都有此問題,因此可以忽略這情況。
二:關(guān)于對IE 6,7,8支持說明提示:
IE6 ,IE7方面:
因微軟于2013年對xp的IE6,7用戶強(qiáng)制升級至IE8,win7的IE8強(qiáng)制升級至IE9,雖然大部份效果支持IE6,7,但拼圖并不再針對IE6及IE7特別支持。
Internet Explorer 8方面:
多數(shù)都支持Internet Explorer8版本,然而,因其IE8瀏覽器本身不支持CSS3及HTML5,所以圓角、陰影、動畫等CSS3及HTML5的專有屬性是無法被支持。
IE 8 與 Respond.js:
因IE8不支持CSS的媒體查詢(media query),因此,需引入respond.js才能使其實現(xiàn)媒體查詢功能。
ie8響應(yīng)式兼容方案,respond.js的用法及使用時無效的解決辦法。
一,css樣式表內(nèi)容.要放在css文件中。
二,css文件必須是無bom頭格式的編碼文件。
三,css文件必須放在head標(biāo)簽內(nèi).放在html中的body中無效。
四,css文件必須放在respond.js之前引用,respond.js可以放在body或網(wǎng)頁底部,但為了防止閃屏,建議放在head中。