Question

我想为带有图片网格的移动应用程序创建登陆/欢迎页面。我不知道该怎么做。我看到很少有人使用CSS3完成它的资源。 https://www.youtube.com/watch?v=stucKrWheVM

http://alijafarian.com/responsive-image-grids-using-css/

有些使用两种版本的图像，一种用于缩略图，一种用于较大的图像。其他人使用单一版本的图像，它会自动缩放到不同的大小。

请您告诉我最佳方法是什么？

对于不同屏幕尺寸的设备，我是否必须为每个图像使用多个版本（尺寸）？如果是，我如何找到所需的所有尺寸？
我是否必须纯粹使用CSS，忽略我的应用程序中提供的jQuery。

我尝试使用jquery移动示例代码创建网格，这很糟糕：

<div class="ui-grid-b">
                <div class="ui-block-a"><a href="grid1.html"><img src="images/icon.png"/></a><p>Text</p></div>
                <div class="ui-block-b"><a href="grid1.html"><img src="images/paris.jpg"/></a></div>
                <div class="ui-block-c">Grid3</div>
                <div class="ui-block-a">Grid4</div>
                <div class="ui-block-b">Grid5</div>
                <div class="ui-block-c">Grid6</div>
            </div>

我需要有关如何继续的建议

如何创建图像网格

0 个答案: