移动响应式造型

我目前正在为使用Joomla 3.4和Bootstrap的哥哥设计一个网站。这是我第一次构建一个响应式网站，并且希望得到一些建议，以确保我在我的CSS中具有特定单元的字体大小。移动响应式造型

我知道我需要使用媒体查询来定位每个视口，但让我困惑的一件事就是试图制定出适合智能手机的尺寸大小，不知道是否需要遵循指南列表来帮助我出去了。

如果有人可以请指教，真的很感激它。

2015-10-14 Michael Owen

由于您使用的是Bootstrap网格，默认情况下它会自动响应，所有媒体查询都已设置，因此网站将根据分辨率进行缩放。 –

另外，不要为设备设置断点。让您的网站响应内容。如果某件东西看起来不正确，请改变它。追逐设备尺寸不断变化和扩大的格局只会让你陷入困境。 – aaronburrows

由于您使用的引导，你应该使用它的网格系统

/*超小型设备（手机，低于768px）//没有媒体查询，因为这是在引导默认*/

/*小型设备（片剂，768px及以上）*/@media（最小宽度： @屏幕-SM-分钟）{...}

/*中的设备（台式机， 992px及以上）*/@media（最小宽度： @ screen-md-min）{...}

/*大型设备（大型桌面，1200px及以上）*/@media（最小宽度： @ screen-lg-min）{... }

这里是link你可以查看更多。

来源

2015-10-14 20:20:32 i333

感谢球员们的回应，真的很感激：） –

移动响应式造型

回答

相关问题