作者stevekevin10 (hippo泡)
看板Web_Design
標題[問題] RWD問題(求大神占卜)
時間Mon Nov 9 17:12:01 2015
抱歉無法附上程式碼
只能用占卜的方式QQ
遇到問題:
當瀏覽器寬度小於980px時
頁面並不會跟著縮小而是固定鎖在980px上
導致在手機看時元件全部會縮很小
以排除可能原因:
1.內部有元件固定寬度(不是display none掉了就是跟著瀏覽器大小改變了)
2.模擬器問題:以手機各版本模擬器測都一樣
示意圖:
http://i.imgur.com/pZHbGHC.jpg
補充環境:php+smarty
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.251.138.126
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1447060324.A.7B6.html
1F:推 chippclass: 你有加 viewport 讓 width=device-width 嗎 ?11/09 17:19
2F:→ stevekevin10: 有11/09 17:38
3F:→ miau: 占卜太難了,把頁面內容一層一層註解掉看到底哪裡出問題吧11/09 17:51
4F:→ stevekevin10: 有試過....直到砍到最後一層為止11/09 17:56
5F:→ stevekevin10: 狀況卻都一樣QQ11/09 17:56
6F:→ miau: 最後一層是指砍到剩下 body 但是狀況都還是一樣?11/09 19:19
是的 我還刪了coockie...
7F:推 ckw: 怎麼可能,裡面東西都挖空還會這樣?找不到哪個css搞鬼?11/09 19:58
是啊.....orz
而且不是所有頁面都會這樣...
※ 編輯: stevekevin10 (42.71.116.216), 11/09/2015 20:00:36
※ 編輯: stevekevin10 (42.71.116.216), 11/09/2015 20:01:56
8F:推 lockercho: 記得view port有個什麼scale的要設1.0的樣子11/09 20:06
今天看應該是有設 我再確認看看謝謝
9F:→ miau: html砍光都沒效的話改砍css看看吧,猜是body或html被指定了11/09 20:15
10F:→ miau: width 或者 min-width 之類的 ._.11/09 20:15
有..我css也全砍了orz
※ 編輯: stevekevin10 (36.225.23.9), 11/09/2015 20:43:52
11F:→ miau: body 跟 css 都砍了之後不能把頁面另存丟出來看看嗎?11/09 21:03
12F:→ miau: 都沒有內容了還有什麼不能放出來的@@11/09 21:03
另存出來開就沒事
但是在伺服器上開就...orz
→ oj113068: ="= 我遇到需要保密的內
容都會做一個挖空的檔案出來 11/09 21:06
13F:→ oj113068: 或是用fiddle模擬,沒有原始碼太難了... 11/09 21:07
請問挖空是指?fiddle是?
14F:推 ckw: 瀏覽器的dev tool總會顯示寬度從哪個css來的吧,即便是自己的 11/09 21:36
不..找不到orz
※ 編輯: stevekevin10 (36.225.23.9), 11/09/2015 21:58:27
15F:→ oj113068: 挖空就是把圖片或敏感資訊都換掉,fiddle是這個 11/09 22:40
17F:→ ckw: 在伺服器上會這樣,就看上面多掛了什麼啊,又不是要你貼程式碼 11/10 12:44
18F:→ ckw: 好歹你用chrome的dev tool之類,把css style那塊的圖貼一下吧 11/10 12:44
19F:→ ckw: 如果是server上搞得鬼,再想想能否覆蓋掉上面的css設定吧 11/10 12:48