- 博客(5)
- 收藏
- 关注
RSS订阅原创 一个子元素固定宽度，另一个自适应宽度
方法一：.parent{display: flex;}.left{flex: 1;}.right{width: 100px;}方法二：.parent{position: relative;}.left{position: absolute;top: 0;left: 0;right: 100px;}.right{position: absolute;top...
2019-04-22 15:51:50
1231
原创 仅css，并考虑兼容低版本浏览器，如何实现横向滚动布局
父元素css：.parent{overflow-y: hidden;overflow-x: auto;white-space: nowrap;font-size: 0;}子元素css：.child{display: inline-block;font-size: 14px;}父元素中的（font-size: 0;）是为了让inline-block之间不会出现空隙；注意：子...
2019-04-22 15:34:15
95
原创 移动端兼容问题
移动端兼容问题1、ios创建date对象时，使用格式如“2018-01-01 12:00:00”，将生成invalidDate，这是因为ios不支持这种格式，只支持“2018/01/01 12:00:00”。解决办法：new Date(dateStr.replace(/-/, ‘/’))2、ios键盘弹起时，position: fixed样式将失效变为absolute解决办法：将页面高度设...
2019-04-18 14:20:12
272
原创 iphoneX安全区适配
首先需要在viewport的meta中的content添加viewport-fit=cover，开启覆盖安全区，此时页面内容将会覆盖整个屏幕；若有内容不想出现在安全区，但是整个页面需要覆盖背景色，可添加cssbody{padding-top: env(safe-area-inset-top);padding-top: constant(safe-area-inset-top);paddi...
2019-04-18 14:19:49
2250
原创 记录一些小坑点
1、window.close()只能关闭用window.open打开的页面，所以要关闭当前页，必须是用window.open(url, ‘_self’)跳转的而不是通过loaction.href跳转的2、当页面高度发生变化时会导致滚动条位置产生变化，此时虽然没有进行滚动，但实际却会触发scroll事件...
2019-04-18 14:19:26
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人