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/cn.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灯, 水草

请输入看板名称,例如:e-shopping 或 站内搜寻

TOP