QQ扫一扫联系
为了更好的适应不同的屏幕，我们的系统 Banner 有以下两种方式。
这种方式是 Banner 的宽度和高度比例是固定的，比如 2:1。这种Banner在不同的屏幕上，会自动的缩放。
如 https://cms.demo.tecmz.com/ 的首页 Banner，是占满显示器整个宽度的。
这种 Banner 在设计上传时，只需要保证图片的宽高比例即可。当然为了获取更好的显示效果，建议图片的宽度不要小于 1200px，同时尽量压缩大小保证加载速度。
这种方式是 Banner 的内容比例是固定的，比如 2:1。这种Banner在不同的屏幕上，会自动的缩放。
如 https://mzwenku.demo.tecmz.com/ 的首页 Banner，内容部分最大宽度为 60rem ，而底色是占满显示器整个宽度的。
这种 Banner 在设计上传时，只需要保证图片的宽高比例即可，同时底色尽量是纯色或可以与两侧底色可以渐变融合的颜色。这样在后台设置好和 Banner 背景色后，会在电脑端呈现比较好的效果。
