2014-02-22 89 views
0

如何編寫獨立於分辨率的html代碼,並且在任何分辨率和任何pc顯示器大小下都會顯示相同的代碼。 我使用Asp.net如何建立解決方案獨立網站?

+1

U可以使用http://getbootstrap.com/ –

+0

您應該看到響應式網頁設計。您可以使用引導程序css,Foundation css作爲響應式應用程序。 – Akhlesh

+0

爲什麼你說「顯示相同的大小」,你的意思是顯示相同的屏幕百分比(例如填充3/4的屏幕)?或者直接在每個屏幕上測量相同的尺寸(例如,在所有屏幕上都是三英寸),無論是智能手機屏幕還是54英寸顯示器? – jfriend00

回答

2

你在找什麼叫做響應式網頁設計。有幾種可能的方法來做到這一點。您可以根據您的需要

  1. 您可以使用您爲不同的屏幕定義不同的樣式媒體查詢選擇。這是目前最常用的方法。
    先睹爲快: http://css-tricks.com/css-media-queries/https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

  2. 您可以使用視meta標籤。
    先睹爲快:https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag

  3. 你可以用%(流體響應)來設計所有東西,但那個部分非常棘手。根據我的經驗,我可以說設計一個完整的 網站提供的所有內容都很困難。

我會建議你去學習媒體查詢。它非常簡單可靠。

1

對於不同的桌面分辨率,有一個負責任的類型稱爲流體響應如果您在百分比%分配幾乎所有的元素大小。

相關問題