响应式设计

main
PJ568 1 year ago
parent d824e04c1f
commit d6882d3a2e

@ -227,8 +227,8 @@ body {
/* 顶栏 */
@media screen and (max-width: 768px) {.hi{display:none}.github{display:none}}
@media screen and (min-width: 768px) {.hi{display:block}.github{display:block}}
@media screen and (max-width: 830px) {.hi{display:none}.github{display:none}}
@media screen and (min-width: 830px) {.hi{display:block}.github{display:block}}
.hi {
float:right

@ -9,8 +9,8 @@
</div>
</div>
<p class="menu_item_href" style="cursor:default">|</p>
<a class="menu_item_href" href="/comment">留言反馈</a>
<a class="menu_item_href" href="/application">提交页面</a>
<a class="menu_item_href" href="/comment"><text class="hi">留言</text>反馈</a>
<a class="menu_item_href" href="/application">提交<text class="hi">页面</text></a>
<a class="menu_item_href" href="/?link=/lib/Sponsor.html">捐赠</a>
<a class="menu_item_href" href="/about">关于</a>
<script src="https://res.zvo.cn/translate/translate.js"></script>
@ -37,7 +37,7 @@
left:0
}
</style>
<a id="translate" class="menu_item_href"><text>语言🌐</text></a>
<a id="translate" class="menu_item_href"><text><text class="hi">语言</text>🌐</text></a>
<div class="search_box"><input class="search_in" id="keyword" maxlength="18" placeholder="请键入关键词">
<div id="searchContent"></div>
<svg t="1626534436665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4200" width="64" height="64">

@ -22,13 +22,13 @@
</div>
<div class="nav_menu">
<a class="menu_item_href" href="#"><img class="mainicon" alt="Main_icon" src="img/icon.svg" /><text class="hi">568Tools&nbsp;在线工具箱</text></a>
<p class="menu_item_href" style="cursor:default">|</p>
<p class="menu_item_href hi" style="cursor:default">|</p>
<div class="menu_item"><span>分类</span>
<div id="nav" class="menu_child"><!-- nav_html的插入位置包含初始化、插入和后补 --></div>
</div>
<p class="menu_item_href" style="cursor:default">|</p>
<a class="menu_item_href" href="comment">留言反馈</a>
<a class="menu_item_href" href="application">提交页面</a>
<p class="menu_item_href hi" style="cursor:default">|</p>
<a class="menu_item_href" href="comment"><text class="hi">留言</text>反馈</a>
<a class="menu_item_href" href="application">提交<text class="hi">页面</text></a>
<a class="menu_item_href" href="?link=/lib/Sponsor.html">捐赠</a>
<a class="menu_item_href" href="about">关于</a>
<script>
@ -54,7 +54,7 @@
left:0
}
</style>
<a id="translate" class="menu_item_href"><text>语言🌐</text></a>
<a id="translate" class="menu_item_href"><text><text class="hi">语言</text>🌐</text></a>
<div class="search_box"><input class="search_in" id="keyword" maxlength="18" placeholder="请键入关键词">
<div id="searchContent"></div>
<svg t="1626534436665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4200" width="64" height="64">

Loading…
Cancel
Save