- 博客(4)
- 收藏
- 关注
转载 js控制ios端的input/textarea元素失去焦点时隐藏键盘
同事在测试产品时发现这样一个:“某些页面击完input框,在点空白处时,iOS设备的键盘不能隐藏并且焦点也不会失去” 带着这个问题我进行了测试,发现在安卓的设备上并没有这种问题出现。 于是写js进行测试给document添加一个click事件,发现了问题的原因: 安卓是可以触发click事件的,而iPhone不会触发。 也就是说在iOS设备下你点击空白的document处inpu...
2017-09-04 22:59:00 196
转载 css Sticky footers
写在前面 做过网页开发的同学想必都遇到过这样尴尬的排版问题:在主体内容不足够多或者未完全加载出来之前,就会导致出现(图一)的这种情况,原因是因为没有足够的垂直空间使得页脚推到浏览器窗口最底部。但是,我们期望的效果是页脚应该一直处于页面最底部(如图二): 笔者最近在项目中也遇到过这样的场景,在寻找最佳解决方案的过程中,了解到了 “Sticky Footer” 这个名词。本文将带...
2017-08-15 15:29:00 93
转载 CSS 圣杯布局
前端的两个经典布局想必大家都有多了解--圣杯布局和双飞翼布局,因为它既能体现你懂HTML结构又能体现出你对DIV+CSS布局的掌握。 事实上,圣杯布局其实和双飞翼布局是一回事。它们实现的都是三栏布局,两边的盒子宽度固定,中间盒子自适应,也就是我们常说的固比固布局。它们实现的效果是一样的,差别在于其实现的思想。 通过缩放页面就可以发现,随着页面的宽度的变化,这三栏布局是中间盒子优...
2017-06-21 16:18:00 92
转载 Media 媒体查询
由于工作需要,需要一个页面适配不同的显示设备,开始了解媒体查询,虽然早有耳闻但从来没有系统的学习过,今天将自己学习的成果做个分享,部分是从网上摘录的,也有自己的理解。若有不足还希望大家指出我会加以修改。废话过后,进入正题。现今无论是手机还是电脑,各种显示设备五花八门,这让开发者很是头疼。所以想要pc的页面同时适配手机等其他设备,我们的响应式设计就诞生了。实现响应式设计的主要方法是使用...
2017-03-02 17:17:00 205
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人