@twotwoba/vv-cli
Version:
Easily create Vite + React19/Vue3 web/h5/mini-program/chrome-extension projects.
49 lines (42 loc) • 1 kB
CSS
:root {
--primary-light: #3f7ef7;
--primary-dark: #17141b;
/* 安全区域适配 */
--safe-area-inset-top: env(safe-area-inset-top);
--safe-area-inset-bottom: env(safe-area-inset-bottom);
}
html {
font-size: 16px;
/* 移动端优化 */
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%;
}
html,
body,
#app {
height: 100%;
padding: 0;
margin: 0;
}
body {
/* 移动端字体优化 */
font-family:
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
sans-serif;
/* 安全区域底部留白 */
padding-bottom: constant(safe-area-inset-bottom); /* iOS < 11.2 */
padding-bottom: env(safe-area-inset-bottom); /* iOS >= 11.2 */
}
html.dark {
color: var(--primary-light);
background: var(--primary-dark);
}
/* 移动端滚动优化 */
* {
-webkit-overflow-scrolling: touch;
}
/* 禁止长按选择 */
img,
a {
-webkit-touch-callout: none;
}