[請益] 關於RWD

作者: leochen0818 (Leo)   2014-06-06 10:14:26
各位親愛的鄉親父老、兄弟姊妹、前輩後進們,
大家早安、午安、晚安!
小弟我又來了!!
有沒有覺得我問題很多?!(被揍飛)
今天想要跟大家請教的是關於RWD的部分,
爬了一下板上關於RWD的文,
以及也GOOGLE了關鍵字,
也還沒能夠真正解答我的疑惑,
只好來叨擾一下各位了!XD
其實板上RWD的文章裡,
even大的心得文有提到,
hover的動作最好改成別種效果。
戳到我的問題點了!!
其實我目前只是在測桌機板的大小螢幕,
還不考慮平板跟手機,
所以導覽列的部分是以滑過會出現選單的方式呈現,
這裡要稍稍提到我的測試方式,
我的測試方式是,
用瀏覽器預覽之後去拉動它的視窗大小,
以檢視效果是否有正確呈現。
由於導覽列滑過之後會出現的選單高度
在大小螢幕上呈現的高度不一樣,
在正常檢視的情況來說,
設定也很正常。
就常理來判斷,
一般用戶是不太會去拉動這個視窗,
頂多去點兩下或者是點全螢幕之類的,
但在我去拉動視窗大小測試之後發現,
那個下拉選單的高度居然會停留在最一開始的視窗大小下應該呈現的高度?!
簡單來說,
就是我設了兩個螢幕寬度,
在screen的min-width:1280px以上時,
以及在screen的min-width:1000px & max-width:1279px時,
這兩種CSS,
也就是說,
如果我一開始預覽的時候,
這個視窗的寬度超過1280時,
下拉選單的高度 = h1,
低於1279高於1000時,
下拉選單的高度 = h2,
然後呢,我把視窗拉阿拉的,
在這兩者之間觀看樣式的變化,
寬度甚麼的是沒甚麼問題啦,
都有照我想要的變,
就是這個下拉選單的高度出了問題,
當我在一開始預覽的時候寬度超過1280時,
拉到1279以下高於1000時,
下拉選單的高度依然是h1穩穩的沒有動!!
不過只要我一按F5,就變回h2了,
但是一拉到1280以上,
應該變成h1的高度,仍舊是h2穩穩的沒有動..
回到我剛剛說過的,
常理上來說,
一般用戶是不太會去拉那個視窗啦...
但是我還是想問一下各位大大們,
有沒有甚麼想法或是要來鞭一下小弟的地方,
拜託小力,我怕痛(抱頭)
作者: superpai (超級白)   2014-06-06 10:18:00
正常應該是會變
作者: alog (A肉哥)   2014-06-06 13:36:00
建議你去研究一下rwd framework的設計
作者: ez880 (被捅我也爽)   2014-06-07 02:04:00
rwd 最最基本的就是css 的寫法而另一個可能 js or css 尚未讀入造成的錯誤
作者: leochen0818 (Leo)   2014-06-09 09:17:00
嗯嗯,小弟知道只是CSS的寫法而已,基本上其他的都正常,就那個下拉選單在RESIZE的時候會有問題,不過F5之後又會正常,才覺得奇怪~"~

Links booklink

Contact Us: admin [ a t ] ucptt.com