jquery-mobile - jQueryMobile 默认字体太大，我可以为电脑屏幕缩小尺寸吗？

Question

@Phill Pafford 为我的相反问题提供了解决方案：使用元视口解决方案的jquery 移动默认字体大小。但是，这对于放大视口以适应手机屏幕非常有用。

我正在实施 jQM 框架，只是为了在计算机屏幕上运行的“常规”基于 Web 的应用程序上提供移动外观。而且字体在他们身上看起来很大！如何全局缩小字体大小或使其（响应式设计）在计算机屏幕上更具吸引力（即更小）？

谢谢！

Answer 1

在您的自定义样式表中，而不是 JQM 样式表中，将您的样式与媒体查询分组：

/* Large desktop */
@media (min-width: 1200px) { font-size: 12px; }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */
@media (max-width: 480px) { ... }