2020年9月27日
flex兼容写法
摘要： 安卓和iOS浏览器都是webkit内核，包括变态UC浏览器，对flex支持并不好，但却都支持古老的display：webkit-box；所以在这种情况下，要使用box布局。所以移动端的一定要加浏览器前缀！！ .flex{ display:box; display: -webkit-box; disp 阅读全文
posted @ 2020-09-27 15:17 徐文芩 阅读(469) 评论(2) 推荐(0) 编辑
多行文字，最后一行省略号（适用于移动端）
摘要： .text{ overflow: hidden; word-wrap: break-word; /* 允许长单词换行到下一行 */ text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-l 阅读全文
posted @ 2020-09-27 15:16 徐文芩 阅读(188) 评论(0) 推荐(0) 编辑
checkbox样式修改
摘要： /*checkbox 整体大小 */ checkbox { width: 240rpx; height: 90rpx;} /*checkbox 选项框大小 */ checkbox .wx-checkbox-input { width: 50rpx; height: 50rpx;} /*checkbo 阅读全文
posted @ 2020-09-27 15:14 徐文芩 阅读(1108) 评论(0) 推荐(0) 编辑
响应式布局
摘要： /* pc width > 1200px */body { /* background-color: yellow; */ min-width: 1200px;}/* ipad pro */@media screen and (max-width: 1200px) { body { /* backg 阅读全文
posted @ 2020-09-27 15:12 徐文芩 阅读(111) 评论(0) 推荐(0) 编辑