Error message

Notice: Undefined offset: 1 in counter_get_browser() (line 70 of /volume1/librarythings/www/sites/all/modules/counter/counter.lib.inc).

網站版型 Viewport

Categories : 

最近使用Drupal 在架設網站時,越來越多的版型開始支援Response Web Design,

但目前手邊在製作的case,大部分都沒有這個需求,而且有時甚至還為了避免版型不斷的變動,而將選定的版型中,Response的功能一一去掉@@

但在經過一番努力後,將CSS全都調整好了,仍是有一點小問題

當用電腦瀏覽網頁時一切都看似正常,但如果使用手機瀏覽時(螢幕較少),原本為RWD設計的網站不會像大部分網頁一樣會直接顯示整個網頁(左圖),而是會預先放大某一區塊(右圖)

為了解決這個問題,可以說是把整個CSS的語法從頭到尾都看遍了

也都試著修改,但還是無法讓網頁一開始就呈現左邊的樣貌

於是,突然想到,之前在製作別的網站時,好像也有碰過這個狀況

於是馬上去翻之前詢問其他人的對話紀錄,突然恍然大悟

原來是Viewport的原因...

 

如果你也有碰到這樣的問題,

你可以先使用網頁原始碼檢視,來看看你的網頁裡面是不是有下面這一句語法

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Viewport是一種META標籤,initial-scale表示初始縮放,maximum-scale表示最大縮放比例,「1」意味著不能進行縮放。

我個人的做法是,直接把這一整段語法都註解掉了(在template.php的檔案中)

也不曉得這樣的方法是否正確,但起碼是可以達到我想要的呈現方式了

如果想要對Viewport有更進一步的了解,也可以參考這篇文章-Viewport標籤優化 – 響應式網頁設計

 

心得感想:

俗話說的好,人如果不記取過去的教訓,就永遠會一直犯錯,這次就特別把這篇網誌寫了下了,希望會永遠記住了

不然花了一堆時間卻找不到真正的原因,也是滿懊惱的!