移动Web开发基础
文章平均质量分 84
砖业洋__
掘金/InfoQ签约作者,阿里云/51CTO专家博主,华为云·云享专家,CSDN博客专家,腾讯云·2023年度影响力创作者/优质共创者,擅长MySQL和Java领域,技术分享,全网同名———砖业洋__
展开
-
box-sizing——移动Web开发者不得不知的属性
大忙人可以直接看结论关于box-sizing的值box-sizing: content-box 盒模型宽/高 = width/height + padding + borderbox-sizing: border-box 盒模型宽/高 = width/height不忙的小伙伴来跟着我一起看看详细的例子加深印象代码如下,结构清晰<...原创 2020-05-01 20:51:03 · 787 阅读 · 0 评论 -
图文并茂让你必须弄懂 viewport
PC端不需要关注viewport,只有移动端才需要关注视口的概念。移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域,但viewport又不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。如果有这么一个页面,PC端显示如下,图片大...原创 2020-05-01 16:26:17 · 1487 阅读 · 0 评论 -
图文并茂带你弄懂物理分辨率、分辨率、物理像素、逻辑像素、dpr、ppi
什么是分辨率我们把一个个像素点当成小格子,那么下图的分辨率就是4 * 2的分辨率,代表纵向有4个像素点,横向2个像素点我们经常所说的分辨率1024*768就是纵向有1024个像素点,横向有768个像素点很明显,显示相同尺寸的屏幕,肯定是点越多,显示的越精细,效果越好。那图中这些像素点是什么呢?其实就是物理像素。什么是物理像素物理像素(physical ...原创 2020-04-16 21:58:59 · 13726 阅读 · 4 评论