jquery-mobile - jQuery Mobile 默认字体太大，我可以缩小以适合电脑屏幕吗？

Question

@Phill Pafford 给出了我的相反问题的解决方案:jquery mobile default font size使用元视口(viewport)解决方案。但是，这对于扩大视口(viewport)大小以适应手机屏幕非常有用。

我实现 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) { ... }