-
多行文本溢出 -webkit-line-clamp 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性： display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。 -webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。 text-overflow，可以用来多行文本的情况下，用省略号“...”隐藏超出范围的文本 。查看全部
-
相对单位rem font-size:一般不用rem查看全部
-
一像素边框查看全部
-
高清图使用物理像素渲染查看全部
-
- 百分比布局; - 弹性图片 [也是百分比]; max-width: 100%; - 重新布局,显示与隐藏; 媒体查询： /*额外为1024px范围做了些调节*/ @media screen and (max-width:1024px) { 样式... } /*平板的宽度*/ @media screen and (max-width:980px){ 弹性图片max-width:100%;height:auto;根据不同终端的需要在@media screen下设置百分数; ... } @media screen and (max-width: 720px/640px/320px){ 样式... } 媒体类型： screen -> 屏幕; print -> 打印机; handheld -> 手持设备; all -> 通用; 媒体查询参数： width -> 视口的宽高; height -> 视口的高高; device-width -> 设备的宽度; device-height -> 设备的高度; orientation -> 检查设备处于横向(landscape)还是竖向(portrait); ※ 当一个元素经常要切换位置的时候,把它设置为绝对定位,减少重绘提高渲染性能;查看全部
-
新旧flex布局查看全部
-
flex-flow:flex-direction flex-warp 两个属性的结合 写了以上属性，再写下面的属性才有效果查看全部
-
弹性盒模型 flex-direction:row;径向 flex-direction:row-reverse;径向倒序 flex-direction:column;纵向 flex-direction:column-reverse;纵向倒序 flex-warp:nowarp /*default*/ 默认当子元素宽度大于父元素宽度时不换行 flex-warp:warp 换行 flex-warp:warp reverse 换行倒序 flex-flow:flex-direction flex-warp 两个属性的结合查看全部
-
web的Flex弹性盒模型查看全部
-
Flexbox 不定宽高的水平垂直居中查看全部
-
Viewport Meta 标签 移动设备最佳设置 布局viewport=设备宽度=度量viewport <meta name='viewport' content='width=device-width,initial-scale=1,user-scalabel=no'>查看全部
-
Viewport 手机浏览器默认为我们做了两件事情 1.页面渲染在一个980px(ios)的虚拟viewport（为了排版正确） //这就是网页在手机上，会全屏显示的原因 2.缩放（排版正确后，再缩放到手机屏幕大小）查看全部
-
像素知识关系链查看全部
-
响应式设计查看全部
-
响应式 媒体查询查看全部
举报
0/150
提交
取消