2012-09-07 72 views
2

@Phill Pafford爲我的oposite問題提供瞭解決方案:jquery mobile default font size使用元視口解決方案。但是,這對於調整視口以適應手機屏幕非常有用。jQueryMobile默認的字體大小太大,我可以縮小計算機屏幕?

我正在實施jQM框架,僅在運行在計算機屏幕上的「常規」基於Web的應用程序中給予移動的外觀。字體看起來很大!我如何全局縮小字體大小或使其適應(響應式設計)在計算機屏幕上更具吸引力(即更小)?

謝謝!

+0

你可以使用一個小數,以及,

+0

嗨菲爾,對於我的回答遲到抱歉。這是我在閱讀原文後嘗試的第一件事,但沒有奏效。然後,我們在閱讀了上述評論之後再次嘗試了它,但是...它不起作用。我不知道這是否可能是因爲應用程序在jQueryUI對話框內執行,並且在jQueryUI彈出窗口內執行。我有一個iFrame,並且在這個iFrame內部,我們終於有了jQueryMobile應用程序。咦? =>網頁(jQueryUI.dialog(iFrame(myApp)))...任何猜測? – nvhdab

+0

哦,還有一件事,我在Mozilla Firefox和谷歌瀏覽器上試用了這款桌面應用程序(因爲該應用程序應該在桌面瀏覽器上運行)。 我還試圖做一個HelloWorld應用程序: <!DOCTYPE HTML> 的HelloWorld <元名稱= 「視口」 內容=「寬度=設備寬度,初始規模= 0.5,最大進制= 0.5" /> <! - 鏈路,和腳本jqueryMobile 1.2.0(阿爾法)的位置 - >

 
   

My Title

 
   

Hello world

   
nvhdab

回答

2

在您的自定義樣式表,而不是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) { ... } 
+0

嗨Weingage!感謝您的回覆,我們在外部自定義樣式表中以及主文件上的