在慕课网学习bootstrap轮播组件的时候，了解到轮播的图片都放在了类名为item下的img中 视频中老师对图片自适应采用给图片img设置width=100%完成，然而这样自适应处理图片在不同屏幕中效果不同，大屏效果非常糟糕。比如 这样一张图片， 为了图片自适应设置width=100%，在宽192 ...
分类：
其他好文 时间：
2016-11-11 23:31:15
阅读次数：
496
移动流体布局和响应式布局总结 宽度与高度 区块宽度一般用max-width 最大宽度和百分比，来定义宽度，因为要实现自动缩放 高度如果要自适应，就不需要定义高度，或者定义最小高度 注意：横向的尽量用百分比，如边距等 图片自适应 保证小于图片分辨率的手机，自适应等宽屏幕 图片一定要能够自适应等比例缩放 ...
分类：
移动开发 时间：
2016-10-30 16:39:39
阅读次数：
268
支持鼠标滚轮图片自适应的焦点图代码 支持鼠标滚轮图片自适应的焦点图代码，纯JS构建，可用键盘左右键切换图片，倒序回滚，另外鼠标停止响应后可自动播放功能，兼容主流浏览器，懒人图库推荐下载！ 使用方法： 1、在head区域引入样式表文件lrtk.css 2、在head区域引入lrtk.js 3、在你的网 ...
分类：
其他好文 时间：
2016-10-20 00:22:11
阅读次数：
159
<!DOCTYPE html><html lang="en"> <head> <title></title> <meta charset="utf-8" /> <style> img{ height:auto; width:auto\9; width:100%; } </style> </head> ...
分类：
其他好文 时间：
2016-10-07 11:29:01
阅读次数：
156
—————————————————————————————— <script type="text/javascript"> function init(){ var img = document.getElementById('the_img'); var width = img.width; v ...
分类：
其他好文 时间：
2016-09-29 17:36:23
阅读次数：
101
1. 设备的 显示密度 是由 设备的尺寸 和 设备的分辨率 两个因素决定的. 相同分辨率设备的尺寸越大显示密度越小, 相同尺寸的设备,分辨率越高显示密度越高. 2. 显示密度等级: 160 / 240 / 320 / ... 3. 不同显示密度下, dp 与px 的换算比不相同: 密度为160时, ...
分类：
移动开发 时间：
2016-07-11 23:52:46
阅读次数：
178
用过photoswipe做移动端图片预览的小伙伴都知道，这个插件存在一个data-size，必须要填写，但是如果你的图片尺寸比例不是固定的，那这个属性就会带来无尽的烦恼，我个人在使用jQuery时，发现一种解决办法 window.onload=function(){ auto_data_size() ...
分类：
其他好文 时间：
2016-07-05 10:15:51
阅读次数：
234
在我们设计网页的时候，经常会遇到图片自适应问题，实际这些工作完全可以交给浏览器来完成就可以了，只可惜，无论是IE还是FIREFOX在图片自适应这个问题上都处理的不尽人意，网上实现网页图片宽度和高度的方法也很多，主要又两种： 第一种是使用CSS来完成；第二种是使用Javascript来完成，根据实际的 ...
分类：
Web程序 时间：
2016-06-18 18:18:13
阅读次数：
218
