Css 为手机打造灵敏的造型

我目前正在使用Joomla 3.4和Bootstrap为我的兄弟设计一个网站。这是我第一次建立一个快速响应的网站，并希望得到一些建议，以确保我的CSS中有什么，即特定单位的字体大小

我知道我需要使用媒体查询来定位每个视口，但有一件事让我感到困惑，那就是试图确定什么尺寸适合智能手机，不确定是否有指导列表可以帮助我

---

如果有人能提供建议，我将非常感谢。

因为您使用的是引导，所以您应该使用它的网格系统

/*超小型设备（电话，小于768px）//无媒体查询 因为这是引导中的默认值*/

/*小型设备（平板电脑、768px及以上）*/@介质（最小宽度： @屏幕sm最小值{…}

/*介质设备（台式机、992px及以上）*/@介质（最小宽度： @屏幕md最小值）{…}

/*大型设备（大型台式机，1200像素及以上）*/@媒体（最小宽度： @屏幕lg最小值）{…}

---

这是您可以查看更多信息的方法。

由于您使用的是引导网格，因此默认情况下它会响应，所有媒体查询都已设置，因此站点将根据分辨率进行缩放。此外，不要为设备设置断点。让你的网站对内容做出回应。如果某件东西在给定的尺寸下看起来不对劲，就改变它。追逐不断变化和扩大的设备尺寸只会给你带来麻烦。感谢各位的回复，非常感谢：）