Web_Design 板


LINE

各位親愛的鄉親父老、兄弟姊妹、前輩後進們, 大家早安、午安、晚安! 小弟我又來了!! 有沒有覺得我問題很多?!(被揍飛) 今天想要跟大家請教的是關於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穩穩的沒有動.. 回到我剛剛說過的, 常理上來說, 一般用戶是不太會去拉那個視窗啦... 但是我還是想問一下各位大大們, 有沒有甚麼想法或是要來鞭一下小弟的地方, 拜託小力,我怕痛(抱頭) --



※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 218.161.79.175
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1402020868.A.440.html
1F:→ superpai:正常應該是會變 06/06 10:18
2F:→ alog:建議你去研究一下rwd framework的設計 06/06 13:36
3F:→ ez880:rwd 最最基本的就是css 的寫法而 06/07 02:04
4F:→ ez880:另一個可能 js or css 尚未讀入造成的錯誤 06/07 02:04
5F:→ leochen0818:嗯嗯,小弟知道只是CSS的寫法而已, 06/09 09:17
6F:→ leochen0818:基本上其他的都正常,就那個下拉選單在RESIZE的時候會 06/09 09:18
7F:→ leochen0818:有問題,不過F5之後又會正常,才覺得奇怪~"~ 06/09 09:18







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:Soft_Job 或 站內搜尋

TOP