摘要: /*全局设为CSS3盒模型 border-box*/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /*全局设为CSS3盒模型 border-box*/ html { box-sizing 阅读全文
posted @ 2019-08-14 18:04 谁凭花解语 阅读(216) 评论(0) 推荐(0) 编辑
摘要: shrink-to-fit=no 使用"width=device-width"会导致页面按比例缩小,以适应超出视口边界的内容。 使用将"shrink-to-fit=no"阻止页面缩放以适应视口 viewport-fit=cover 解决刘海屏安全距离问题(白边) https://blog.csdn. 阅读全文
posted @ 2019-08-11 01:23 谁凭花解语 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 3D导航栏旋转90度后 bottom元素会变成这样,两条边会倾斜,而且不能对齐,我自己的解决方法是拉大视距 阅读全文
posted @ 2019-08-09 04:33 谁凭花解语 阅读(341) 评论(0) 推荐(0) 编辑
摘要: :nth-child(2n)/nth-child(even)偶数 :nth-child(2n+1)/nth-child(odd)奇数 :nth-child(-n+x) 选中前x个 :nth-child(n+x) 第X个开始之后的全部 阅读全文
posted @ 2019-08-06 16:14 谁凭花解语 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 记得把form和button都设为display:block; 就能用margin: 0 auto;水平居中了 阅读全文
posted @ 2019-08-05 22:11 谁凭花解语 阅读(635) 评论(0) 推荐(0) 编辑
摘要: 1. white-space: nowrap; 文本一行显示 2.overflow: hidden; 溢出隐藏 3.text-overflow: ellipsis 显示省略号/ string 阅读全文
posted @ 2019-08-02 21:59 谁凭花解语 阅读(168) 评论(0) 推荐(0) 编辑
摘要: span设置 inline-block;行内块 小图标设置为背景图 然后用 vertical-align: middle;对齐 阅读全文
posted @ 2019-08-02 21:55 谁凭花解语 阅读(1744) 评论(0) 推荐(0) 编辑