[問題] RWD問題(求大神占卜)

看板Web_Design作者 (hippo泡)時間9年前 (2015/11/09 17:12), 9年前編輯推噓4(4016)
留言20則, 7人參與, 最新討論串1/1
抱歉無法附上程式碼 只能用占卜的方式QQ 遇到問題: 當瀏覽器寬度小於980px時 頁面並不會跟著縮小而是固定鎖在980px上 導致在手機看時元件全部會縮很小 以排除可能原因: 1.內部有元件固定寬度(不是display none掉了就是跟著瀏覽器大小改變了) 2.模擬器問題:以手機各版本模擬器測都一樣 示意圖: http://i.imgur.com/pZHbGHC.jpg
補充環境:php+smarty -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.251.138.126 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1447060324.A.7B6.html

11/09 17:19, , 1F
你有加 viewport 讓 width=device-width 嗎 ?
11/09 17:19, 1F

11/09 17:38, , 2F
11/09 17:38, 2F

11/09 17:51, , 3F
占卜太難了,把頁面內容一層一層註解掉看到底哪裡出問題吧
11/09 17:51, 3F

11/09 17:56, , 4F
有試過....直到砍到最後一層為止
11/09 17:56, 4F

11/09 17:56, , 5F
狀況卻都一樣QQ
11/09 17:56, 5F

11/09 19:19, , 6F
最後一層是指砍到剩下 body 但是狀況都還是一樣?
11/09 19:19, 6F
是的 我還刪了coockie...

11/09 19:58, , 7F
怎麼可能,裡面東西都挖空還會這樣?找不到哪個css搞鬼?
11/09 19:58, 7F
是啊.....orz 而且不是所有頁面都會這樣... ※ 編輯: stevekevin10 (42.71.116.216), 11/09/2015 20:00:36 ※ 編輯: stevekevin10 (42.71.116.216), 11/09/2015 20:01:56

11/09 20:06, , 8F
記得view port有個什麼scale的要設1.0的樣子
11/09 20:06, 8F
今天看應該是有設 我再確認看看謝謝

11/09 20:15, , 9F
html砍光都沒效的話改砍css看看吧,猜是body或html被指定了
11/09 20:15, 9F

11/09 20:15, , 10F
width 或者 min-width 之類的 ._.
11/09 20:15, 10F
有..我css也全砍了orz ※ 編輯: stevekevin10 (36.225.23.9), 11/09/2015 20:43:52

11/09 21:03, , 11F
body 跟 css 都砍了之後不能把頁面另存丟出來看看嗎?
11/09 21:03, 11F

11/09 21:03, , 12F
都沒有內容了還有什麼不能放出來的@@
11/09 21:03, 12F
另存出來開就沒事 但是在伺服器上開就...orz oj113068: ="= 我遇到需要保密的內 容都會做一個挖空的檔案出來 11/09 21:06

11/09 21:07, , 13F
或是用fiddle模擬,沒有原始碼太難了...
11/09 21:07, 13F
請問挖空是指?fiddle是?

11/09 21:36, , 14F
瀏覽器的dev tool總會顯示寬度從哪個css來的吧,即便是自己的
11/09 21:36, 14F
不..找不到orz ※ 編輯: stevekevin10 (36.225.23.9), 11/09/2015 21:58:27

11/09 22:40, , 15F
挖空就是把圖片或敏感資訊都換掉,fiddle是這個
11/09 22:40, 15F

11/09 22:40, , 16F

11/10 12:44, , 17F
在伺服器上會這樣,就看上面多掛了什麼啊,又不是要你貼程式碼
11/10 12:44, 17F

11/10 12:44, , 18F
好歹你用chrome的dev tool之類,把css style那塊的圖貼一下吧
11/10 12:44, 18F

11/10 12:48, , 19F
如果是server上搞得鬼,再想想能否覆蓋掉上面的css設定吧
11/10 12:48, 19F

11/10 13:26, , 20F
https://jsfiddle.net/ 用這個做一個空的看看
11/10 13:26, 20F
文章代碼(AID): #1MG6DaUs (Web_Design)
文章代碼(AID): #1MG6DaUs (Web_Design)