2022-11-10 分類: 響應(yīng)式網(wǎng)站
1、contain模式:以內(nèi)容中心為基點按照視覺稿的寬高比縮放以適配窗口顯示全頁面內(nèi)容,窗口與內(nèi)容的寬度比或高度比之間較小者縮放填滿窗口,當窗口寬高比和視覺稿不同時,另一方向的兩側(cè)出現(xiàn)留空部分。
2、cover模式:以內(nèi)容中心為基點按照窗口的寬高比等比縮放以適配窗口,窗口與內(nèi)容的寬度比或高度比之間較大者縮放填滿窗口,當窗口寬高比和視覺稿不同時,另一方向的兩側(cè)超出窗口被裁剪,這種模式不會出現(xiàn)「contain模式」的留空部分情況。
3、fill模式:以內(nèi)容中心為基點頁面拉伸填充滿整個窗口以適配窗口,當窗口寬高比和視覺稿不同時,內(nèi)容一定程度上被拉伸。
4、scale-width模式:頁面橫向縮放填充滿窗口,縱向按視覺稿的寬高比放大。出來的效果有兩種可能性,「contain模式」或者「cover模式」的效果。
5、scale-height模式:頁面縱向縮放填充滿窗口,橫向按視覺稿的寬高比放大。出來的效果有兩種可能性,「contain模式」或者「cover模式」的效果。
分享標題:響應(yīng)式網(wǎng)站建設(shè)H5如何高效適配
URL分享:http://redsoil1982.com.cn/news11/212011.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有響應(yīng)式網(wǎng)站等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容