随着移动设备的普及，H5页面已成为企业展示内容和提供服务的重要平台。然而，不同设备的屏幕尺寸、分辨率和浏览器差异，使得H5页面的适配成为开发者面临的一大挑战。本文将深入探讨H5适配方案的必要性、常见方

本文是内部的一次分享沉淀，偏向基础但是涉及了一些有意思的细节，文笔有限，才疏学浅，文中若有不正之处，万望告知。 前端的一大工作内容就是去兼容页面在不同内核的浏览器，不同的设备，不同的分辨率下的行为，使页面的能正常工作在各种各样的宿主环境当中。 而本文的主题 -- 移动端开发的兼…

简单的一句概括就是： **flexible.js帮我们计算出1rem 等于多少px**。 怎么计算的？ **很简单，就是1rem = 屏幕宽度的1/10**

场景端域名描述pc端www.phpblog.com.cn用于pc端访问官网移动端m.phpblog.com.cn用于移动端访问需求实现方案nginx原始配置pc配置移动端配置m/index.htmlw

有时候我们开发一个样式布局比较简单的页面，它需要同时兼容移动端和PC端展示，我们一般都会考虑是否可以用一套样式代码来完成并考虑其是否易于维护。那么我们可以通过借助Sass扩展语言来帮助我们优雅的实现它

2. 1px边框的问题 2. background-image 和border-image类似，准备一张符合条件的边框背景图，模拟在背景上。 上面两种都需要单独准备图片，而且圆角不是很好处理，但是可以应对大部分场景。 这种方式可以满足各种场景，如果需要满足圆角，只需要给伪类也加…

通过阅读这篇文章，读者可以更好地理解rem和em单位的区别，了解它们在网页布局和自适应设计中的应用，以及如何解决与这些单位相关的常见问题。

css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同的,1px并不是绝对的,它只代表了当前设备像素的最小单位. CSS像素，当页面缩放比例为100%时，一个CSS像素等于一个设备独立像素。 但是CSS像素是很容易被改变的，当用…