首页 - 版本历史

2023年11月29日 (三) 13:30 Yexiaoyu

2023-11-29T13:30:44Z

←上一版本		2023年11月29日 (三) 16:30的版本
第8行：		第8行：
	-->		-->
	{{Main page/gamebuild}}		{{Main page/gamebuild}}
	{{Main 维基详情}}{{Main ~~最近更新~~}}		{{Main 维基详情}}{{Main 快速访问}}{{Main 热门推荐}}{{Main 友情链接}}
	{{Main 热门推荐~~}}{{Main 时间归档}}{{Main 快速访问}}{{Main 快速访问}}{{Main 快速访问~~}}{{Main 友情链接}}
	</div>		</div>
	__NOTOC__		__NOTOC__

2023年11月29日 (三) 13:02 Yexiaoyu

2023-11-29T13:02:05Z

←上一版本		2023年11月29日 (三) 16:02的版本
第9行：		第9行：
	{{Main page/gamebuild}}		{{Main page/gamebuild}}
	{{Main 维基详情}}{{Main 最近更新}}		{{Main 维基详情}}{{Main 最近更新}}
	{{Main 热门推荐}}{{Main 快速访问}}{{Main 快速访问}}{{Main 快速访问}}{{Main 友情链接}}		{{Main 热门推荐}}{{Main 时间归档}}{{Main 快速访问}}{{Main 快速访问}}{{Main 快速访问}}{{Main 友情链接}}
	</div>		</div>
	__NOTOC__		__NOTOC__

2023年11月29日 (三) 12:47 Yexiaoyu

2023-11-29T12:47:53Z

←上一版本		2023年11月29日 (三) 15:47的版本
第22行：		第22行：
	}		}
	}}		}}



	{{#css:		{{#css:

2023年11月29日 (三) 12:47 Yexiaoyu

2023-11-29T12:47:26Z

@@ 第24行： / 第24行： @@
 {{#css:
@@ 第43行： / 第35行： @@
+}
 /* 添加媒体查询，以在小屏幕上调整布局 */

2023年11月18日 (六) 13:01 Yexiaoyu

2023-11-18T13:01:42Z

新页面

欢迎来到<h1 style="margin: 0;font-size: 3rem;text-transform: uppercase;letter-spacing: 0.025em;line-height: 1;">
<span class="mw-headline" id="GAl中文百科">GAl中文百科</span></h1>
<p style="margin-top: var(--space-xs);font-size: 0.875rem;letter-spacing: 0.3em;">介绍img.......</p>
{{主页搜索框}}
<div id="home-content" class="home-grid" style="grid-row: span 3;">

{{Main page/gamebuild}}
{{Main 维基详情}}{{Main 最近更新}}
{{Main 热门推荐}}{{Main 快速访问}}{{Main 快速访问}}{{Main 快速访问}}{{Main 友情链接}}
</div>
__NOTOC__
{{#css:
.mw-parser-output .home-grid {
display: grid;
/**grid: auto-flow dense/repeat(auto-fit,minmax(9.375rem,1fr));**/
grid-template-columns: repeat(auto-fill, minmax(calc(15% - 5px), 1fr));
grid-auto-rows: minmax(3rem,auto);
grid-gap: 0.625rem;
margin-top: 10px;
}
}}

<div class="grid-container">
<div class="item1">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
</div>

{{#css:

.mw-body-header{
display: none;
}
body {
margin: 0;
font-family: Arial, sans-serif;
}

.grid-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 10px;
justify-content: center;
align-items: center;
padding: 10px;
}

.item {
background-color: #3498db;
color: #fff;
padding: 20px;
text-align: center;
}

.item1 {
background-color: #3498db;
color: #fff;
padding: 50px;
text-align: center;
grid-column: span 3; /* 跨足两列 */
grid-row: span 2; /* 跨足两行 */
}

/* 添加媒体查询，以在小屏幕上调整布局 */
@media screen and (max-width: 720px) {
.grid-container {
grid-template-columns: 1fr;
}
.mw-parser-output .home-grid {
grid-template-columns: 1fr;
}
.item1 {
grid-column: auto;
grid-row: auto; /* 在小屏幕上取消跨行效果 */
}
}
}}