【HTML + CSS】CSS 响应式布局(一)

2019-05-08
阅读 9 分钟
2.5k
  响应式开发的本质是针对多种屏幕做适配,首先需要掌握几个基本概念: 物理像素:设备的屏幕实际像素点,如常说的 iPhone 6 Plus的分辨率是 1920 * 1080 像素。 设备独立像素:逻辑像素,用于定义应用的UI。 屏幕像素比(devicePixeRatio):物理像素与设备独立像素的比值。 使用 rem 实现响应式布局   rem(font size ...

【CSS 学习】CSS 选择器、选择器的优先级和权重

2018-02-28
阅读 4 分钟
4k
以下总结内容摘自 《移动Web前端高效开发实战》 基本选择器 选择器 名 称 实 例 描 述 版 本 * 通用选择器(Universal selectors) * 匹配所有的元素 2.1 E 标签选择器(Type selectors) p 匹配所有的 <p> 1 .class 类选择器(Class selectors) .nav 匹配所有 class="nav" 的元素 1 #id ID选择器(ID selectors...