CSS adjustments

This commit is contained in:
Wiwi Kuan
2023-12-25 18:09:20 +08:00
committed by GitHub
parent 0de8c4f5c8
commit 127c59ab17

View File

@@ -2,26 +2,54 @@
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>不囉唆的音樂名詞查詢器 by NiceChord</title> <title>不囉唆的音樂名詞查詢器 by NiceChord</title>
<style> <style>
html {
font-size: 1.2rem; /* Default font size */
}
h3 { h3 {
font-size: 1.2rem;
margin-top: 12px; margin-top: 12px;
margin-bottom: 2px; margin-bottom: 2px;
} }
input[type="text"] { input[type="text"] {
font-size: 18px; font-size: 1rem;
padding: 5px; padding: 5px;
width: 350px; width: 80%;
max-width: 350px;
} }
#source{
#source {
margin-top: 0px; margin-top: 0px;
margin-bottom: 12px; margin-bottom: 12px;
font-size: 9pt; font-size: 0.7rem;
} }
#results{
font-size: 12pt; #results {
width: 90%;
max-width: 600px;
font-size: 1rem;
margin-top: 10px; margin-top: 10px;
} }
@media (max-width: 600px) {
h3, input[type="text"], #results {
font-size: 0.9rem;
width: 95%;
}
#source {
font-size: 0.7rem;
}
input[type="text"] {
max-width: 90%;
}
}
</style> </style>
<script> <script>
// 移除怪怪看不懂的東西 // 移除怪怪看不懂的東西