解決Portal House前台版面亂掉
當剛開始使用Portal House時,整體頁面預設是跟著視窗大小一起變動,而在設計網站時,很容易只用自己的螢幕解析度來看設計的成果,但別忘記,網站是放在網路上的,來看你網站的人用的解析度是多少,你可不知道哩,不同的解析度會有甚麼問題嗎?問題可大了!來看看下面的例子,你會比較容易瞭解問題是甚麼,如果你使用的不是Protal House後台的話,這篇文章請跳過,這篇文章不適用於你的後台喔。
1024*768的的顯示畫面
這是在1024*768下設計的,看起來很正常阿,沒有甚麼問題,美女很美,但如果是在800*600的解析度下看會變怎樣呢?
800*600的的顯示畫面
由於背景是跟著視窗大小的,所以就變成只有800的寬度了,但是裡面的東西早就放超過800放的下的寬度拉,所以就凸出來了,變成上面那樣,甚麼?你說現在早就沒有人用800*600在看網站了,這倒是真的,不過用寬螢幕一樣有問題,不信?那我們來看看22吋的1920*1024的畫面會變怎樣。
1920*1024的顯示畫面
在1920*1024的解析度時,背景寬度從本來設計時的1024變成1920,但是物件的寬度卻沒有跟著變動,因此各物間之間的間距就變成非常的大,讓網頁看起來空空曠曠的,很不美觀。
那麼該怎麼解決呢?難道不能把背景固定一個寬度,不要讓背景寬度變大變小變變變了嗎?當然可以阿,不然我寫這篇文章要做甚麼,馬上就來教你解決方法。
解決方法
進入後台,點選【頁面設定】→【頁面整體設定】,在頁面寬度的欄位填入1000,然後選居中,那為什麼不填1024呢?這是因為當內容太長的時候,瀏覽器的旁邊會有捲軸出現,這個捲軸也會佔掉螢幕的顯示寬度,因此設定1000就好,才不會跟捲軸搶到顯示畫面。
改完了之後我們再來看看800*600以及1920*1024的顯示畫面,就都沒有版面亂跑的問題了。
更改後800*600的顯示畫面
更改後1920*1024的顯示畫面
當然也還有可以讓背景去符合螢幕解析度,又不會讓版面亂掉的方法,但是這個方法需要更多的設計概念,就下次再說明囉。
: |
NT 0 |
|