重构
zhulin2609
这个作者很懒,什么都没留下…
展开
-
使用“margin: 0 auto”实现水平居中的条件是什么?
参考:What, exactly, is needed for “margin: 0 auto;” to work?The element must be block-level, e.g. display: block; or display: table;The element must not floatThe element must not have a fixed or absolute positionThe element must have a width that is n.原创 2021-12-10 14:34:47 · 355 阅读 · 0 评论 -
iOS上display:flex的兼容性问题
在iOS上,当父元素的样式为:display: flex,且flex-direction: column;,子元素上设置的height会失效。原因是:被flex-grow影响了flex-grow属性定义了项目的放大比例,默认为1,即如果空间较大,该项目将放大。如果所有项目的flex-grow属性都为1,当空间较大时,都将等比例放大。如果一个项目的flex-gorw属性为0,其他项目都为1,则空间较大时,前者不放大。负值对该属性无效。拓展知识flex-shrink属性定义了项目的缩小比例,默认为原创 2021-07-25 17:46:32 · 2258 阅读 · 0 评论 -
在retina屏中实现1px border效果
街景wap官网中有在视网膜屏幕中实现1px border的需求. 首先,来看下面视觉给的输出图中的border: 从上面的视觉图可以看到,border是一根非常细的线。这篇文章将说明如何使用border-image实现在视网膜屏中1px的border效果。 注:因为硬件条件的限制,设备像素比(devicePixelRatio)为1的非视网膜屏手机无法达到这样的效果首先准备一张符合你要求的b原创 2015-10-17 00:49:10 · 4574 阅读 · 1 评论 -
touch-action property
规定用户能否以及如何操作页面上的指定区域注意:这是IE11的属性,在IE11之前应使用-ms-touch-action语法touch-acion: auto | none | [ [ [ pan-x || pan-y || pinch-zoom ? ] | manipulation ] || double-tap-zoom ? ]属性值auto:翻译 2015-01-07 17:25:41 · 2189 阅读 · 0 评论 -
带你秀的飞起——三款移动端H5制作应用体验报告 iOS Android
带你秀的飞起三款移动端H5制作应用体验报告 iOS Android初页产品本身比名字会更吸引你爱分享分享你的时光概述使用体验Maka据说是全宇宙最强概述使用体验创建项目编辑项目带你秀的飞起——三款移动端H5制作应用体验报告 iOS Android从文字到图片,再到现在流行的 H5,想想朋友圈里那些令人惊艳的 H5 页面,是不是很想自己也来尝试一下制作属于自己的 H5,赋予文字与原创 2015-10-15 23:40:09 · 2317 阅读 · 0 评论