Webflow 如何讓 Silder 滿版並支援 RWD

Design Academy
1

首先你的 body 跟 div 都要確認屬性是否為 100%

image

2

另外也可以用 jQuery 的作法快速實現

$(document).ready(function() {
	var window = {
		height	: $(window).height(),
		width	: $(window).width();
	}
	$('.full-image-section').css({
		'height'	: window.height,
		'width'		: window.width
	});
});
$(window).resize(function() {
	var window = {
		height	: $(window).height(),
		width	: $(window).width();
	}
	$('.full-image-section').css({
		'height'	: window.height,
		'width'		: window.width
	});
});
3

另外有一種更快的作法是直接到 Webflow 找 clonable 去看他們的作法然後學習實現

滿版 100% RWD Slider - Webflow

Demo

https://udesly-slider-pro-cloneable.webflow.io/sample-1

image
image1920×1150 44.8 KB

4


回答: 如何讓 Silder 滿版並支援 RWD - 4 March 2022 - Watch Video