- 博客(5)
- 收藏
- 关注
原创 一个子元素固定宽度,另一个自适应宽度
方法一:.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 1269
原创 仅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 109
原创 移动端兼容问题
移动端兼容问题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 281
原创 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 2255
原创 记录一些小坑点
1、window.close()只能关闭用window.open打开的页面,所以要关闭当前页,必须是用window.open(url, ‘_self’)跳转的而不是通过loaction.href跳转的2、当页面高度发生变化时会导致滚动条位置产生变化,此时虽然没有进行滚动,但实际却会触发scroll事件...
2019-04-18 14:19:26 118
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人