2013-01-14 78 views
0

我剛做出響應式設計,但有2個錯誤。當窗口被調整爲不同大小時,整個網站將自動調整大小,但標題和滑塊不會調整大小。但是如果我重新加載它,它會調整大小。響應式設計網站標題和滑塊

我做了不同的css規則的字體大小和滑塊高度,這是不工作沒有重新加載。你可以看到在線網站:http://www.itmediagroup.lt你看到滑塊,改變窗口大小,然後你會看到一個問題,當重新加載網站,並看到所有的變化,我認爲所有的錯誤都在我的CSS,但我不知道如何解決它。

P.Sfontsize我試圖做百分比,但是然後字體的大小太小。

+1

字體不符合瀏覽器調整大小,即使你在聲明比例的字體。您可以使用媒體查詢爲不同的屏幕尺寸定義不同的'fontsize'像素值,或者使用JavaScript插件,如http://fittextjs.com/。 –

回答

0

您可以使用媒體查詢,javascript(fittext.js)爲元素設置字體大小,也可以使用css視口單位。例如;

視口單元語法

  • 1vw:視口寬度的1%
  • 1vh:1vw或1vh,無論是最小
  • 1vmax:視口高度
  • 1vmin的1%1vw或1vh,無論最大

它支持大多數新瀏覽器,但可以製作更多的「防彈」使用VminPolly

Some good info and examples here