响应式与适配9 条

• 视口设置Viewport Meta
  手机上网页被缩小成一团
• 安全区适配Safe Area Inset
  刘海/小黑条挡住内容
• 媒体查询断点Media Query Breakpoint
  按屏幕大小换样式
• 自适应列数网格Grid Auto-fit
  网格列数想跟着屏宽变
• 视口单位vw / vh Units
  想按屏幕比例定位元素
• 高 DPR / 二倍图Device Pixel Ratio
  高清屏上图片发虚
• 横竖屏适配Orientation Media
  横屏竖屏布局要不一样
• 平板断点适配Tablet Breakpoint
  平板上看手机布局太空
• 响应式断点Responsive Breakpoint
  同一套布局在手机和电脑上都挤成一团，或在大屏上空一大片