darui_lili的博客

多行文本溢出隐藏省略号一、单行文本溢出二、多行文本溢出一、单行文本溢出 /* 单行文本溢出 */ .inlines{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }二、多行文本溢出 /* 多行文本溢出 */ .intwolines{ display: -webkit-box !important; ove

响应式布局随着时代，开发一个页面能够适配多个设备应用要点响应式布局1.媒体查询2.百分比布局3.弹性图片4.重新布局，显示与隐藏小结二、使用相对单位rem1.rem与em1.媒体查询媒体查询的类型分为四种：screen（屏幕） print（打印机） handheld（手持设备） all（通用）我们一般就是用screen或者all。根据不同屏幕尺寸 背景颜色随之变化，简单明了。根据不同项目所需在不同尺寸下更改即可下面举个简单的实例，以供参考： @media screen and(max-

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档弹性布局Flexbox一、Flexbox的应用场景二、具体实例1.占比例分配：2.不定宽高的垂直水平居中：一、Flexbox的应用场景根据元素个数的变化，自主的适配容器的占比例如：电商页面的标签二、具体实例1.占比例分配：样式如下（示例）：代码如下（示例）： .flex_parent{ display: -webkit-flex; //标示使用flexbox弹性盒子 color: #ff

Pixel移动开发像素：1.px：css pixels逻辑像素，是指浏览器使用的，可根据不同设备变化的抽象单位2:dp,pt：device independent pixels 设备的固定像素属物理不可变的3.dpr：device pixelRatio 设备像素的缩放比 实指px与dp,pt直接的缩放关系以iPhone5为例：iPhone的物理像素及设备固定像素为6401136开发及使用的px像素则是320568因为ipone5的dpr=2PPI与DPI:PPI：是指屏幕上每英寸的像素数