2014-02-15 101 views
1

我已經完成了我的第一個網站,酒吧調整它爲不同的屏幕尺寸。 我已經閱讀了如何做到這一點,但在我開始之前,我想知道某些瀏覽器(例如windows 8的chrome)是否會自動調整內容大小以適應屏幕?做一些瀏覽器自動調整內容大小?

我在20英寸的屏幕上構建了我的網站,但是當我在我的11.6英寸筆記本電腦上查看該網站時(鉻版),該頁面完全適合頁面。然而,將它加載到一個老式的17英寸顯示器上,並將其轉換爲巨大的,並且您必須不停地滾動以獲取任何位置。在其他瀏覽器中將它加載到我的筆記本電腦上也是如此。

因此,如果我創建一個具有較小屬性的CSS文件並運行媒體查詢,我是否正在縮小已經完全適合Chrome的頁面的風險?

回答

3

這聽起來像您使用的是舊的17" 屏幕,分辨率較低。

由於有更少的像素每英寸一切都會顯得更大

檢查每個屏幕的顯示分辨率,你應該看看我的意思是什麼

+0

這是有道理的。所以基本上它是決定如何調整對象大小的決議,而不是屏幕的實際大小? – DJC

+0

在設計響應式網站時,屏幕分辨率肯定是您需要注意的事情。我會對桌面和移動屏幕尺寸進行一些研究。 – Sarcoma

+0

另外,如果您有興趣設計響應式網站,請查看移動設計。 – Sarcoma

1

歡迎開發人員的生活。

如果你想清楚你的問題的答案,你必須編寫你的示例代碼。

可能性是:

給一個固定的寬度或百分比您的包裝股利。如果你想使用響應能力,那麼你可以使用媒體查詢。

或者,你可以這樣開始引導一個框架3.

http://getbootstrap.com/

+0

博otstrap不是一個解決所有響應問題的魔術棒。 – Nit

+0

它可以用於初學者。 –

相關問題