摘要: 1、判断横竖屏 /* 横屏 */ @media all and (orientation :landscape) { } /* 竖屏 */ @media all and (orientation :portrait) { } 2、判断设备宽高 * 设备宽度大于 320px 小于 640px */ @ 阅读全文
posted @ 2020-02-26 11:12 涼皮Herr 阅读(2130) 评论(0) 推荐(0) 编辑
摘要: 1、移动端 * { -webkit-tap-highlight-color: transparent; outline: 0; margin: 0; padding: 0; vertical-align: baseline; } body, h1, h2, h3, h4, h5, h6, hr, p 阅读全文
posted @ 2020-02-26 10:54 涼皮Herr 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 1、属性顺序 建议遵循以下顺序: 同一 rule set 下的属性在书写时,应按功能进行分组, 并以 Formatting Model(布局方式、位置) > Box Model(尺寸) > Typographic(文本相关) > Visual(视觉效果) 的顺序书写, 以提高代码的可读性。 Form 阅读全文
posted @ 2020-02-26 10:47 涼皮Herr 阅读(868) 评论(0) 推荐(0) 编辑
摘要: 1、HTML5标准模版 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>HTML5标准模版</title> </head> <body> </body> </html> 2、移动端 <!DOCTYPE 阅读全文
posted @ 2020-02-26 10:32 涼皮Herr 阅读(2310) 评论(0) 推荐(0) 编辑