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