我正在開發一個使用asp.net的網站,目前爲止這麼好。功能沒有太多問題,但頁面看起來是問題。當瀏覽器頁面處於全屏模式時,所有的控件都會正確對齊並位於正確的位置,就像我在VS 2010上設計時一樣。但是,當瀏覽器處於恢復關閉模式或屏幕尺寸減小時在頁面上看起來四處散落。我在網上搜索,但發現沒有幫助This link有同樣的問題,但似乎沒有解決方案張貼。請幫忙。asp.net頁面調整時瀏覽器頁面最小化/恢復關閉狀態
謝謝:)
我正在開發一個使用asp.net的網站,目前爲止這麼好。功能沒有太多問題,但頁面看起來是問題。當瀏覽器頁面處於全屏模式時,所有的控件都會正確對齊並位於正確的位置,就像我在VS 2010上設計時一樣。但是,當瀏覽器處於恢復關閉模式或屏幕尺寸減小時在頁面上看起來四處散落。我在網上搜索,但發現沒有幫助This link有同樣的問題,但似乎沒有解決方案張貼。請幫忙。asp.net頁面調整時瀏覽器頁面最小化/恢復關閉狀態
謝謝:)
可能要考慮你的CSS元素%被定義並不是絕對的措施,比如我有一個div寬度= 100px的;我想它是div寬= 50%。這會給屏幕大小的相對大小,而不是固定大小。
還考慮浮動,做使用的div爲了讓你的頁面相應
調整雖然編碼,你需要記住不同的用戶將使用具有各種性能的各種設備的設計。這與asp.net,c#和visual-studio無關。這是CSS的問題。您需要了解如何設計您的網站風格,以便它始終保持一致,而不僅僅是當您使用特定的顯示器分辨率在計算機上查看時。這是一個不能在這裏介紹的話題。有整本書討論這個「問題」以及如何避免它。
編輯,有些鏈接可能幫助:
http://www.theserverside.com/tip/How-to-design-a-Web-page-that-will-display-properly-across-browsers
http://faq.programmerworld.net/web_publishing/a-web-standards-checklist.html
http://www.jimwestergren.com/common-css-mistakes-and-their-solutions/
http://www.webreference.com/authoring/style/sheets/index.html
希望它能幫助。如果你沒有經驗,我會建議堅持固定寬度的佈局,學習,學習,學習。
最後的建議 - 不要忘記,也存在各種瀏覽器,每個瀏覽器都以不同的方式渲染頁面。不要忘記寫出你的CSS,並經常檢查問題。
您面臨的問題是衆所周知的浮動網頁佈局。在這裏我給一個例子
#header
{
height: 85px; // change like 10%
width:1000px; // change like 50%
background-color: White;
border-bottom:solid 2px #9DACBD;
margin:10px auto 0px auto; // change like 10% auto 0% auto
}
通過改變寬度,高度和保證金比例(由@Akash亞達夫的建議), 您可以修復你的佈局,網頁的分辨率一致。希望它能幫助你。
* 注意: *有很多關於浮動網頁佈局的文章。搜索谷歌更多:)。
Thnx這是一個偉大的建議將嘗試。 – Apoorva 2012-04-08 07:50:34