[問題] js在mac版本chrome跑不出來

看板Web_Design作者 (samuel1201)時間8年前 (2016/11/04 10:08), 編輯推噓1(109)
留言10則, 3人參與, 最新討論串1/1
我自己練習的網站 http://codepen.io/samuel1201/pen/GjBjkz 請縮到視窗小於959px,可以看到右上角有一個黑色block 這個彈出選單 在window7,10的chrome,IE,FF都可以正常運作彈入彈出 但在mac上面的chrome 彈出後就收不回去了 沒辦法把width:'0'吃進去 因為很介意會有平台支援度的問題 很想知道到底什麼原因造成 @@ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.140.171.126 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1478225285.A.4F0.html

11/04 10:50, , 1F
你指的是這樣嗎?
11/04 10:50, 1F

11/04 10:51, , 2F
看起來我的 chrome 是沒問題, 會不會是你裝了plugin?
11/04 10:51, 2F

11/04 14:53, , 3F
可以看一下 CSS reset相關資料,試試這兩種方法應該可以解決
11/04 14:53, 3F

11/04 14:54, , 4F
1. css reset 2. if ($('.menu-wrap').width() === 260)
11/04 14:54, 4F

11/04 14:54, , 5F
改成if ($('.menu-wrap').width() > 1)
11/04 14:54, 5F

11/04 14:55, , 6F
原因是不同瀏覽器因為各種原因造成各自表述,所以需要統一
11/04 14:55, 6F

11/04 14:56, , 7F
各家瀏覽器有共同的看法
11/04 14:56, 7F

11/04 14:58, , 8F
也可考慮寫個"展開"的class給.menu-wrap,再用toggleClass
11/04 14:58, 8F

11/04 14:58, , 9F
來調整
11/04 14:58, 9F

11/04 16:16, , 10F
感謝EPGo 改成 >1 Mac chrome 就可以運作了!!
11/04 16:16, 10F
文章代碼(AID): #1O6-s5Jm (Web_Design)
文章代碼(AID): #1O6-s5Jm (Web_Design)