移动前端
不落不息
中二不变,热爱生活,开心每一天,天天搞前端。
展开
-
响应式开发知识小白入门
网页布局方式 固定宽度布局:为网页设置一个固定的宽度,通常以px作为长度单位,一般pc端网页 流式布局:为网页设置一个相对的宽度,通常以百分比作为长度单位 栅格化布局:将网页宽度人为的划分为均等的长度,然后排版布局时则以这些均等的长度做为度量单位,通常利用百分比作为长度单位来划分成均等的长度 响应式布局:通常检测设备信息,决定网页布局方式,即用户如果采用不同的设备访问一个网页,有可能会看到不一样的内容,一般情况下是检测设备屏幕的宽度来实现。 一般开发过程中往往是相互结合使用 响应式布局 作用:实现在不同原创 2020-10-17 09:49:13 · 233 阅读 · 0 评论 -
移动web基础认识
长度单位 相对长度: px、em、pt(点) 绝对长度:in(英寸)、cm(厘米) PPI值表示屏幕每英寸的像素数量,越大说明单位尺寸里所能容纳的像素数量就越多,所能展现画面的品质也就越精细,反之越粗糙。 PPI > 320 就是视网膜屏幕即高清屏幕 DP单位:能够在不同的ppi设备上看去大小差不多,是独立像素,在IOS设备上交pt,在Android设备上叫dip/dp 物理像素:指的是屏幕渲染图像的最小单位,属于屏幕的物理属性,不可人为进行改变,但其值大小决定了图片的质量 // 获取屏幕的物理像素原创 2020-10-16 10:07:22 · 334 阅读 · 0 评论