其中最主要运用到了 calc 这个 css3 功能 width: calc(50% 20px); // 在宽度50%的情况下,减去20px的值 html 代码 <! col md 4 <! 适用于应屏幕宽度大于 768px 的场景 css 代码 body { margin: 0; padding: ...
分类:
其他好文 时间:
2017-12-03 16:28:06
阅读次数:
109
平滑滚动至页面顶部 以下是jQuery最为常见的一种实现效果:点击一条链接以平滑滚动至页面顶部。虽然没什么新鲜感可言,但每位开发者几乎都用得上。 替换html标签 jQuery能够非常轻松地实现html标签替换,而这也将为我们带来更多新的可能。 检测屏幕宽度 现在移动设备的人气几乎已经超过了传统计算 ...
分类:
Web程序 时间:
2017-11-20 23:20:34
阅读次数:
271
一,flexible.js 的使用方式: github地址:https://github.com/amfe/lib-flexible 官方文档地址:https://github.com/amfe/article/issues/17 本文中有部分内容引至上面这个文档。 (一),引用方式 1,引用cdn ...
分类:
Web程序 时间:
2017-11-17 23:27:15
阅读次数:
1330
window.screen.availWidth //返回当前屏幕宽度(空白空间) window.screen.availHeight //返回当前屏幕高度(空白空间) window.screen.width //返回当前屏幕宽度(分辨率值) window.screen.height //返回当前屏... ...
分类:
Web程序 时间:
2017-11-14 11:35:02
阅读次数:
136
var doc = window.document var docEl = doc.documentElement var tid function refreshRem () { var width = docEl.getBoundingClientRect().width if (width > ...
分类:
Web程序 时间:
2017-11-06 20:02:56
阅读次数:
282
问题描述:使用Glide加载RecyclerView的Item中的图片,RecyclerView使用了瀑布流展示图片,但是滚动时图片会不断的加载,并且大小位置都会改变,造成显示错乱。 解决方法:使用瀑布流,我们可以根据要展示的列数来将屏幕宽度等分,从而获得Item的宽度。知道了宽度,那么我们就可以使 ...
分类:
其他好文 时间:
2017-11-02 00:58:59
阅读次数:
1050
横竖屏监听事件onorientationchange捕获到的是屏幕旋转瞬间之前的状态,所以通过事件对象获取的屏幕宽度并不是旋转后的宽度。 ...
分类:
其他好文 时间:
2017-10-27 13:12:09
阅读次数:
161
背景图片拉伸: 那么如果我们想在Activity的onCreate方法或者是onReusme方法获取组件的宽高怎么办呢?这里提供了以下的五种方式:http://blog.csdn.net/qq_23547831/article/details/51764304 1、重写Activity的onWind... ...
分类:
其他好文 时间:
2017-10-23 21:41:47
阅读次数:
162
传统font大小适配可能会根据屏幕宽度与iphone5或iphone6宽度的一个比例来适配。但如果有这样一个需求,在显示@2x图片的手机上显示一种字体,在显示@3x图片的手机上显示另一个固定大小的字体。 所以这里的重点是要区分手机屏幕显示图片是@2x型还是@3x型的。 CGFloat scale = ...
分类:
移动开发 时间:
2017-10-14 18:36:33
阅读次数:
238
一、client 可视区域 offsetWidth: width + padding + border (披着羊皮的狼) clientWidth: width + padding 不包含border scrollWidth: 大小是内容的大小 二、检测屏幕宽度(可视区域) 1、ie9及其以上的版本 ...
分类:
其他好文 时间:
2017-10-13 00:39:23
阅读次数:
186