1. 页面错位问题，题主的页面布局主要是由于当一行文字过多时导致，可以用文本截断解决。text-overflow: ellipsis;

2. 滚动加载图片。也是推荐图片懒加载。具体的做法可以参考这篇文章懒加载图片？不要依赖 JavaScript ！。我跟着这边文章学习的懒加载，感觉现在完全理解并能实现了了。

如果是边框问题，可以试试
*{

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}
如果是下面字体过多导致，建议给下面的文字那块固定一个宽高

1、你可以尝试使用瀑布流的方式获取当前商品的总高度判断一下

2、你的第二个问题，是现在常见的图片懒加载，你可以自己添加判断条件进行设计