我如何拥有响应式Web设计图库？

Question

好的，所以我应该创建一个图库。我设想它的方式是从菜单中选择左边的菜单，右边有图像。菜单上会显示小缩略图，而且....是的，我希望该网站具有响应式网页设计，如果在移动设备上打开它会自动调整，但遗憾的是我觉得有点不知所措。

我最好的方法是什么？我看到一些网站提到的提示 - 首先制作移动版，然后从那里开始 - 确保字体根据屏幕尺寸改变大小

坦率地说，我甚至不知道如何确保我的图像大小合适........任何人都可以帮忙吗？请！

Answer 1

请检查CSS3上的媒体查询：http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

您可以使用此设置图片的大小...您可以为桌面制作简单的css规则，并使用

为移动设备制定移动css规则

CSS文件：

// CSS RULES FOR DESKTOP

@media screen and (max-width: 300px) {// CSS RULES FOR MOBILE}

但我建议你加入2个css：一个桌面和一个手机更清晰。