自適應網頁設計

|自適應網頁設計
自適應網頁設計 2017-03-03T17:14:26+00:00

自適應網頁設計

什麼是「自適應」?

什麼是「自適應」?

用手機瀏覽網站的時候,如果文字太小導致閱讀不容易、導覽選單太難用,或圖像被擠到螢幕的一邊,這個網站可能就沒有使用自適應設計。

什麼是「自適應」?

這個影片很快的解釋自適應網頁設計,以及這種設計對我們為您架設的網頁有什麼樣的意思。自適應意思是指網站會自動適應於瀏覽網站者所使用的任何設備。這些設備包括PC和MAC的全螢幕,iPad、Samsung Galaxy等行動裝置以及iPhone等手機。

把行動裝置以直的或橫的拿,網站會跟著適應到裝置的螢幕上。

您的網站是否為自適應設計?

如果您正在使用平板電腦或行動裝置閱覽本網頁,只要將螢幕旋轉90度,就可以觀察到其中的變化。

如果您使用手機或平板電腦瀏覽本網頁http://mangopublic.com,您看到的網頁已經根據螢幕尺寸達到了最佳化。
如果您使用的是桌上型PC或MAC,要測試網頁是否會根據瀏覽者螢幕大小改變的最快方式:
先把滑鼠游標移到網頁瀏覽器的最右側,按住之後慢慢將頁面往左拉,來縮小網頁的尺寸。

您可以看到頁面會根據螢幕大小自動重新更改格式。使用平板電腦或行動裝置瀏覽自適應網頁時也會發生同樣的事。

在不用作任何改變的情況下,網站會判斷螢幕的大小,讓內容自動更改格式,以適用於所有裝置的螢幕上。

您使用的是哪一個平台?

如果有興趣的話,我們會專注以WordPress平台,讓您可以在自己的網站上管理內容。我們特製了自適應的WordPress主題,讓您的網站可以在PC、MAC、平板電腦和行動裝置上瀏覽。Wordpress是一款開放原始碼的工具,全球有好幾百萬個熱門網站都在使用,包括:

這就是自適應網頁設計的大致說明,如果有任何問題歡迎向我們提出。

想要知道更多讓網路幫助事業成功的資訊,請聯絡我們

請聯絡我們