作者leochen0818 (米拔)
看板Web_Design
标题[请益] 关於RWD
时间Fri Jun 6 10:14:26 2014
各位亲爱的乡亲父老、兄弟姊妹、前辈後进们,
大家早安、午安、晚安!
小弟我又来了!!
有没有觉得我问题很多?!(被揍飞)
今天想要跟大家请教的是关於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