博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在等高响应式布局理的一些问题
阅读量:6253 次
发布时间:2019-06-22

本文共 506 字,大约阅读时间需要 1 分钟。

①   高度调整公式会产生百分比,浏览器是会直接取整,因此可能会产生-2到2px的误差;

解决方法:调整后记录每行误差值gap,然后循环把gap的值分给同行每一张图片,这样前2张图片可能会有±1px的图片宽度变化,但是用户基本觉察不了图片的轻微拉伸变化。

②   等高里用户图片数可能过少,会有图片只有1-3张占不满一行的情况,该怎样显示布局;

解决方法:判断只有1行图片的时候不作布局调整,少于1行则默认显示等高变化后的图片即可(即只调整一次,不需要为剩余值再自适应)。

③    每行调整前的剩余宽度过大,导致调整后宽高很大;

解决方法:若调整后宽高是原始宽高的150%左右则该行舍弃,这里考虑到整体图片质量,确保不影响图片墙效果。

④ 用户上传的照片太小,例如16×16的小图标,如果一样的方式调整会与400×800这些图片并列放大,造成很大缩放比。

解决方法:考虑到是图片墙的效果,一般不会有用户传一些其他的图片,例如表情素材等等,同时在图片处理时可以加一个排序,获取了图片宽高后把小于一定值的图片排在最后再一起显示;

转载于:https://www.cnblogs.com/gonrun/p/3765348.html

你可能感兴趣的文章
书写「简历」时,需要规避的错误
查看>>
我的友情链接
查看>>
老毛桃 win7
查看>>
continue
查看>>
myeclise10安装svn的方法
查看>>
第四次作业
查看>>
4196. [NOI2015]软件包管理器【树链剖分】
查看>>
Apache Spark源码走读之20 -- ShuffleMapTask计算结果的保存与读取
查看>>
css3 calc()的用法
查看>>
Effective Java --使类和成员的可访问性最小化
查看>>
Ext 4.2.1 教大家如何去规避ext-all和动态加载机制的优缺点
查看>>
83. Remove Duplicates from Sorted List(从有序链表中删除重复节点)
查看>>
异常处理汇总 ~ 修正果带着你的Code飞奔吧!
查看>>
软件测试行业趋势分析和思考
查看>>
简单socket()编程
查看>>
hpu校赛题目
查看>>
商品条形码(JBarcode)Java版(二)
查看>>
POJ-1062-昂贵的聘礼(枚举)
查看>>
linux下git+github个人使用记录
查看>>
昂贵的聘礼 POJ - 1062
查看>>