泡泡哥哥

简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽…

现在，移动设备普遍，用户量远超桌面设备，很多用户使用移动设备（手机、平板等）浏览网站。于是，除了传统的桌面端，对移动小屏设备的良好支持，提供移动设备用户体验，成为几乎所有网站设计的一个要素。现在，主流的解决方案是响应式网页设计（Responsive Web Design）和自适…

根据日常开发经验及网上相关资料，用简单通俗易懂的大白话分析自适应跟响应式的区别。注：本文只分析自适应跟响应式的区别以及了解其由来的背景，不在于讨论其使用的方法 在PC时代初期，网页设计者都会设计固定宽度的页面，最开始的电脑显示器分辨率种类不多，因为当时电脑本来就少。后来随着显示…

写在前面 布局的历史发展 随着互联网和相关设备的发展，前端的布局大概经历了这几个阶段：table布局阶段、div+css布局阶段、静态布局阶段、流式布局阶段、自适应布局阶段、响应式布局阶段、弹性布局

做移动端自适应时可能很多人都对自适应和dpr之间的关系产生疑问,也有一些人会疑虑比如我的自适应方案没有加dpr会不会出问题,针对这些疑问我说一下我的见解,希望能解除你的担忧。 1. 什么是尺寸自适应 首先说到自适应,可能在不同人眼里理解不同，特别与响应式的关系,在这里说一下我所…

这句话也是很抽象，暂且先不管它了。但是我们可以先看一个例子： 那最后文字是什么颜色呢？答案很简单：红色。这就涉及到了优先级问题，同一块内容，我们同时用了 ID选择器 和 类选择器,因为 ID选择器 优先级大于 类选择器 , 所以最终显示为红色。 但是，浏览器具体的优先级算法是怎…

为确保生效，请按照LVHA的循序序声明 :link - :visited - :hover - :active

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 什么是结构伪类选择器 CSS 中的结构伪类选择器是根据 HTML 页面中元素之间的关系来定位 HTML 元素，从而减少对 HTML 元素的

1. 基础选择器 1.1. ID选择器 1.2. 类选择器 1.3. 通配符选择器 1.4. 标签选择器 1.5. 属性选择器 2. 组合选择器 2.1. 后代选择器 2.2. 子元素选择器 2.3. 相邻兄弟选择器 2.4. 通用兄弟选择器 2.5. 交集选择器 2.6. 并…