-
相对单位rem em：是根据父节点的font-size为相对单位。 rem：是根据html的font-size为相对单位。 em在多层嵌套下，变得非常难以为何。 rem更加能作为全局统一设置的度量。查看全部
-
响应式设计 设计点三：重新布局，显示与隐藏。 （1）同比例缩减元素尺寸。 （2）调整页面结构布局。 （3）隐藏冗余的元素。 经常需要切换位置元素使用【绝对定位】，减少重绘提高渲染性能查看全部
-
响应式设计 设计点二：弹性图片 img{ max-width:100%; }查看全部
-
响应式设计 设计点一：百分比布局查看全部
-
响应式设计 媒体类型及常用媒体查询参数：查看全部
-
响应式设计中媒体查询示例：查看全部
-
移动Web最佳viewport设置： [布局viewport] = [设备宽度] = [度量viewport] <meta name="viewport" content="width=divice-width,initial-scale=1,user-scalable=no"查看全部
-
Viewport Meta标签：<br> <meta name="viewport" content="name=value,name=value"> 可以设置参数： width:设置布局viewport的特定值（"device-width"）。 initial-scale：设置页面的初始缩放。<br> minimum-scale：最小缩放。<br> maximum-scale：最大缩放。<br> user-scalable：用户能否缩放。查看全部
-
PPI越高，像素数越高，图像越清晰。 但可视度越低（小），系统默认设置缩放比越大。查看全部
-
Pixel移动开发像素知识： （4）DPI：打印机每英寸可以喷的墨汁点（印刷行业）。 （5）PPI：屏幕每英寸的像素数量，即单位英寸内的像素密度。 目前，在计算机显示设备参数描述上，二者意思表达的是一样的。 计算公式见截图：查看全部
-
Pixel移动开发像素知识： （1）px：CSS pixels逻辑像素，浏览器使用的抽象单位。 （2）dp,pt：device independent pixels 设备无关像素。 （3）dpr：devicePixelRatio 设备像素缩放比。 计算公式：1px = (dpr)的二次方 * dp查看全部
-
一像素边框查看全部
-
响应式查看全部
-
单行文本溢出 overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 多行文本溢出 display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; // 方向垂直 -webkit-line-clamp: 2; // 自动截断显示2行查看全部
-
根据屏宽，响应式布局 <style> @media screen and (max-width: 1024px) {......} @media screen and (max-width: 980px) {......} @media screen and (max-width: 320px) {......} </style>查看全部
举报
0/150
提交
取消