2220浏覽量

關于前端自适應框架的一(yī)些基礎說明

來源: 時間:2017-02-08

目前各類的前端自适應框架的目标是适合PC及移動設備端最新版的浏覽器,同時對曆史版本的浏覽器同樣支持,但對一(yī)些老舊(jiù)浏覽器的支持會有偏差,部份效果無法顯示,但功能是完整的。


所以我(wǒ)們堅決推薦使用以下(xià)浏覽器的最新版本:

    • Chrome (Mac、Windows、iOS和Android)
    • Safari (Mac和iOS版)
    • Firefox (Mac、Windows)
    • Internet Explorer
    • Opera (Mac、Windows)
    • 360浏覽器(極速模式


一(yī):關于浏覽器縮放(fàng)問題的提示:

當設置浏覽器大(dà)百分(fēn)比之時,會引布局錯位,所有網站都有此問題,因此可以忽略這情況。


二:關于對IE 6,7,8支持說明提示:

IE6 ,IE7方面:

因微軟于2013年對xp的IE6,7用戶強制升級至IE8,win7的IE8強制升級至IE9,雖然大(dà)部份效果支持IE6,7,但拼圖并不再針對IE6及IE7特别支持。

Internet Explorer 8方面:

多數都支持Internet Explorer8版本,然而,因其IE8浏覽器本身不支持CSS3及HTML5,所以圓角、陰影、動畫等CSS3及HTML5的專有屬性是無法被支持。

IE 8 與 Respond.js:

因IE8不支持CSS的媒體(tǐ)查詢(media query),因此,需引入respond.js才能使其實現媒體(tǐ)查詢功能。 

點擊這裏下(xià)載respond.js文件


ie8響應式兼容方案,respond.js的用法及使用時無效的解決辦法。

一(yī),css樣式表内容.要放(fàng)在css文件中(zhōng)。 

二,css文件必須是無bom頭格式的編碼文件。 

三,css文件必須放(fàng)在head标簽内.放(fàng)在html中(zhōng)的body中(zhōng)無效。 

四,css文件必須放(fàng)在respond.js之前引用,respond.js可以放(fàng)在body或網頁底部,但爲了防止閃屏,建議放(fàng)在head中(zhōng)。 


聯系我(wǒ)們

一(yī)次需求提交或許正是成就一(yī)個出色産品的開(kāi)始。
歡迎填寫表格或發送合作郵件至: qczsky@126.com

大(dà)理青橙科技

電(diàn)話(huà):13988578755 13988578755

郵箱:qczsky@126.com

地址:大(dà)理市下(xià)關龍都春天10層