我们在为画廊设置的网格中添加了一些响应式功能。在最宽的屏幕上，我们将其设置为四列。然后我们开始通过我们超级简单的 @mixins 添加断点，这些断点已经设置好，并且一直在重复使用。
在我们的 mama-bear 断点处，我们降至 3 列，然后在 mama-bear 和 baby-bear 之间创建一个中间断点，它会分成 2 列，最后在 baby-bear 处变成 1 列。这非常简单，因为我们只需要调整通过 CSS3 column-count 设置的列数即可。
视频最后我们谈到了画廊的未来目标。能够根据不同的屏幕尺寸加载不同数量的图像，并使用实际的缩略图而不是全尺寸图像会很棒。也许有一天我们会实现这一点。
记录一下，我本地使用的软件，用于捕获屏幕截图并通过 FTP 上传到服务器是 LittleSnapper.
你好，你使用什么应用程序进行屏幕测量？
在 Mac 上，你只需按 Command-Shift-4 即可获得截图捕捉工具，它还会显示你正在选择的区域的尺寸。
谢谢。
这些图片保存到哪里了？ LOL 我是 Mac 新手。
默认情况下，图片会保存到你的桌面。
我想知道图像是否为内联导致了部分抖动。我知道 div 为内联块，但也许列会将图像更好地处理为块元素？只是因为列如何处理内联内容。
Chris，你的码头里有两个我不熟悉的应用程序，我无法弄明白。我相信我已将其他应用程序正确地标注了？:) 我很喜欢这些视频，我喜欢更多地了解你使用的不同应用程序。
Total Finder
1Password
Font Explorer X Pro
iTunes
Adium
Skype
Busycal
Things?
Safari
Chrome
Opera
Firefox
iOS Simulator
Transmit
???
Coda 2
Sublime Text 2
Tower
iTerm2
MAMP Pro
Sequel Pro
Codekit
Illustrator
Fireworks
Photoshop
Keynote
Skitch
Little Snapper
ScreenFlow
Preview
iPhoto
Quickbooks/Quicken?
???
Starcraft
缺少的应用程序是
http://glyphsapp.com/
和
http://tapbots.com/software/tweetbot/mac/（现在看起来不同了，当时它处于 Beta 版）