pc适配

  1. 图片宽度百分比,高度自动
  2. 字体行高不写单位,按当前字体的倍数写
  3. 合理设置媒体查询的断点(以及断点之间可能可以换算的比例)
    断点参考网站 ↓↓↓
    Nixon:
    @media screen and (min-width: 768px)
    @media screen and (min-width: 1024px) 780px;

Evolution Fresh:
@media (min-width: 768px)
@media screen and (min-width: 992px)

BigDrop:
@media (min-width: 568px)
@media (min-width: 768px)
@media (min-width: 1024px)
@media (min-width: 1200px)

Buffalo:
@media only screen and (min-width: 721px)
@media screen and (min-width: 961px)
@media only screen and (min-width: 1601px) and (min-width: 960px)

Sparkbox:
@media (min-width: 38em)
计算某个最小高度使用vh+em

  1. 使用vw和vh
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,684评论 1 92
  • CSS 是什么 css(Cascading Style Sheets),层叠样式表,选择器{属性:值;属性:值}h...
    崔敏嫣阅读 5,345评论 0 5
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,045评论 1 45
  • 刚开始做移动端web开发的同学应该都碰到过页面适配问题,为什么我在开发手机上调试好的页面在其他手机会有这样或那样的...
    留七七阅读 19,613评论 5 80
  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 5,564评论 0 7