1、contain模式:以内容中心为基点按照视觉稿的宽高比缩放以适配窗口显示全页面内容,窗口与内容的宽度比或高度比之间较小者缩放填满窗口,当窗口宽高比和视觉稿不同时,另一方向的两侧出现留空部分。

响应式网站建设(响应式网站建设一般多少钱)
2、cover模式:以内容中心为基点按照窗口的宽高比等比缩放以适配窗口,窗口与内容的宽度比或高度比之间较大者缩放填满窗口,当窗口宽高比和视觉稿不同时,另一方向的两侧超出窗口被裁剪,这种模式不会出现「contain模式」的留空部分情况。
3、fill模式:以内容中心为基点页面拉伸填充满整个窗口以适配窗口,当窗口宽高比和视觉稿不同时,内容一定程度上被拉伸。
4、scale-width模式:页面横向缩放填充满窗口,纵向按视觉稿的宽高比放大。出来的效果有两种可能性,「contain模式」或者「cover模式」的效果。
5、scale-height模式:页面纵向缩放填充满窗口,横向按视觉稿的宽高比放大。出来的效果有两种可能性,「contain模式」或者「cover模式」的效果。
CopyRight © 2020-2025 潍坊鼎晟信息科技有限公司 版权所有 All Rights Reserved 备案号:鲁ICP备2022029780号-1
提供网站建设,网站制作,seo关键词排名优化,专业建站公司价格实惠,业务涵盖潍坊市、潍城区、寒亭区、坊子区、奎文区、高新区、滨海区、峡山区、保税区、临朐县、昌乐县、青州市、诸城市、寿光市、安丘市、高密市、昌邑市等地区
本站内容部分均来自网络,如有侵权嫌疑,请作者本人留言或直接联系管理员,本网站看到留言后将尽快审核删除!