feat: enlarge font-size in resume.md for wide-screen & printing only

fritx · fritx · commit 8406787b55a8 · 2020-05-20T00:05:55.000+08:00
diff --git a/README.md b/README.md
@@ -10,6 +10,8 @@ Visit: https://coldemo.github.io/
 - [ ] faked location/window, cookie/storage partition, markdown anchor
 - [ ] tag-filter/btn-back/reset/export/upload/fullscreen/popstate
 - [ ] lang rb/go/java/dart/kotlin, mjs-import/vite
+- [ ] dat.gui, btn-print/export
+- [x] resume.md, print.css
 - [x] crank-jsx, vue-jsx, ts/tsx, py, vue, md, add/removeRendering
 - [x] error-handling, assetsNode, load-parallel
 - [x] gh-pages, lang js/jsx, react/vue, umd-hack
diff --git a/public/code/resume.md b/public/code/resume.md
@@ -1,16 +1,6 @@
 ### XX的简历-前端-深圳
 
-<style>
-table, tbody { width: 100% }
-.hide-th table th { display: none }
-.meta-table tr td:nth-child(1), .meta-table tr td:nth-child(3) { font-weight: bold }
-.cols { max-width: 620px; font-size: 0; display: flex; justify-content: space-between }
-.cols-2 * { width: 49% }
-.cols-3 * { width: 31% }
-.cols-4 * { width: 23% }
-</style>
-
-<small>
+<!-- Cmd(Ctrl)+P -> 打印 -> 可导出 PDF格式 -->
 
 <div class="hide-th meta-table">
 
@@ -120,4 +110,16 @@ table, tbody { width: 100% }
 <img src="https://fritx.me/resume/WechatIMG7.jpeg">
 </div>
 
-</small>
+<style>
+@media screen (max-width: 540px) {
+  #mdPreview { font-size: 80% }
+}
+.vditor-reset h1, .vditor-reset h2 { border: none }
+table, tbody { width: 100% }
+.hide-th table th { display: none }
+.meta-table tr td:nth-child(1), .meta-table tr td:nth-child(3) { font-weight: bold }
+.cols { max-width: 620px; font-size: 0; display: flex; justify-content: space-between }
+.cols-2 * { width: 49% }
+.cols-3 * { width: 31% }
+.cols-4 * { width: 23% }
+</style>
diff --git a/public/code/resume.md.png b/public/code/resume.md.png
