HTML5+CSS3根据屏幕大小实现左中右的三列布局

HTML5+CSS3实现左中右的三列布局,默认内容宽度为960px并居中;
当窗口宽度小于960px并大于768px时,变成(图2)的布局;
当窗口宽度小于768px时,变成(图3)的布局。



	
		
		
		
	
	
		

效果图如下:
图一:
HTML5+CSS3根据屏幕大小实现左中右的三列布局_第1张图片
图二:
HTML5+CSS3根据屏幕大小实现左中右的三列布局_第2张图片
图三:
HTML5+CSS3根据屏幕大小实现左中右的三列布局_第3张图片

你可能感兴趣的:(html5+css3,html+css)