濑瀜/styles.css：修订间差异

2024年3月20日 (三) 13:21的版本

/** 顶部渐变 **/
.header_gadient {
	background: linear-gradient(to top, #016F8A, black); 
	padding-top: 0.625rem;
}

/** 濑瀜标题 **/
@media screen and (max-width: 480px) {
	.main_header {
		font-size:2rem; 
		color: white; 
		text-shadow: 0 0 0.5rem lightblue, 0 0 0.5rem white;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.main_header {
		font-size:3.5rem; 
		color: white; 
		text-shadow: 0 0 0.5rem lightblue, 0 0 0.5rem white;
	}
}

@media screen and (min-width: 769px) {
	.main_header {
		font-size:5rem; 
		color: white; 
		text-shadow: 0 0 0.5rem lightblue, 0 0 0.5rem white;
	}
}

/** 主介绍文本框限缩 **/
@media screen and (min-width: 769px) {
	.content_box {
		width:75%; 
		margin: 0 auto;
		font-family:'Cambria','Microsoft Yahei';
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.content_box {
		width:88%; 
		margin: 0 auto;
		font-family:'Cambria','Microsoft Yahei';
	}
}

@media screen and (max-width: 480px) {
	.content_box {
		width:100%; 
		margin: 0 auto;
		font-family:'Cambria','Microsoft Yahei';
	}
}

/** 图片随页面缩放为40%/60%/90%（适应终端） **/
@media screen and (max-width: 480px) {
	img.x40width {
    	width: 90%;
    	height: auto;
    	overflow: hidden;
    	margin:0 auto;
    	padding:0;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	img.x40width {
    	width: 60%;
    	height: auto;
    	overflow: hidden;
    	margin:0 auto;
    	padding:0;
	}
}

@media screen and (min-width: 769px) {
	img.x40width {
    	width: 40%;
    	height: auto;
    	overflow: hidden;
    	margin:0 auto;
    	padding:0;
	}
}