44 lines
928 B
HTML
44 lines
928 B
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
body {
|
|
font-family: -apple-system, sans-serif;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.android {
|
|
font-family: Roboto;
|
|
}
|
|
|
|
.linux {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.mac {
|
|
.caption, .menu {
|
|
font-size: 13px;
|
|
}
|
|
.message-box, .status-bar {
|
|
font-size: 11px;
|
|
}
|
|
.small-caption {
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="caption">Caption</div>
|
|
<div class="icon">Icon</div>
|
|
<div class="menu">Menu</div>
|
|
<div class="message-box">Message box</div>
|
|
<div class="small-caption">Small caption</div>
|
|
<div class="status-bar">Status bar</div>
|
|
<script>
|
|
if (navigator.platform.startsWith("Mac")) {
|
|
document.querySelector("body").className = "mac";
|
|
} else if (navigator.userAgent.includes("Android")) {
|
|
document.querySelector("body").className = "android";
|
|
} else if (navigator.platform.startsWith("Linux")) {
|
|
document.querySelector("body").className = "linux";
|
|
}
|
|
</script>
|