_reset.scss 作り直す
実務で使えるように作り直した。
※IEは8~11で検証済み。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 | @charset "utf-8"; body, h1, h2, h3, h4, h5, h6, blockquote, dl, dd, figure, ol, ul, p, pre { margin: 0; } * { box-sizing: border-box; } html { overflow-y: scroll; } body { text-size-adjust: 100%; -webkit-overflow-scrolling: touch; } html, body { height: 100%; } // タップ時ハイライト a { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a:active, a:focus, button:focus, input[type="button"] { outline: none; } // IE8以下 article, aside, details, figure, figcaption, footer, header, main, nav, section { display: block; } address, em, i { font-style: normal; } img { max-width: 100%; height: auto; border: 0; // IE10以下 } ol, ul { list-style-type: none; padding: 0; } li { vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } tr { vertical-align: top; } th, td { padding: 0; } |
少なすぎず・多すぎないいい塩梅のコード量に。
「あ、ここはこうしよう」と気づいたときも、容易に修正可能。
コメントを投稿する