现代图片库:流畅的还是有弹性的？
现代图片库:流畅的还是有弹性的？
提问于 2012-12-27 17:26:55
来自ux.stackexchange的交叉发布(建议)
我对UX和IA以及所有关于界面和解决方案设计的东西都是新手。我需要做一个简单的基于网格的图片库。我读到了响应式设计和媒体查询。
好的，在宽屏幕上我有7列网格，笔记本5列，平板3和smarthpone 1。这很酷。我已经用流体布局做到了这一点，使用百分比作为宽度属性。我喜欢这个解决方案，因为它对所有视口大小都是灵活的。
但是如果用户用"command +“或"command -”键改变字体大小呢？如果图像宽度为百分比，则容器大小不会改变，图像也不会改变。结果有点奇怪:一切都变小了，但图像没有变化(好吧，边距改变了，这就更奇怪了)。
但是如果我使用em作为宽度，我得到的布局就不再流畅。
如何混合这两种布局？
回答 1
Stack Overflow用户
发布于 2012-12-27 17:44:20
我个人喜欢设置2个独立的css样式表。一个用于主站点(桌面版本)，另一个用于移动设备。
因此，在一个名为responsive.css的样式表中，您可以拥有如下内容：
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
/*stuff in here*/
}您可以根据需要调整宽度，或者根据需要添加更多宽度。
我个人不喜欢响应式设计，喜欢更流畅的设计。有这么多不同大小的移动设备，使用流畅的设计可能会在总体上更好地实现您试图实现的目标。
至于字体大小，尽量使用em，因为它可以更准确地调整大小。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14058661
复制相关文章
相似问题
创建虚拟目录时拒绝访问。
在通过jenkins localhost tomcat部署时被拒绝访问
Maven:无法部署项目，访问被拒绝
生成项目时访问被拒绝
使用XML文档部署Web项目时，构建服务器上的“访问被拒绝”
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
