iT邦幫忙

0

FB messenger嵌入至網頁後,用手機開啟會滿版

如標題,嵌入網站後的畫面是這樣:
https://ithelp.ithome.com.tw/upload/images/20190729/20110934MqvuVrlQEV.jpg

但如果在手機上開啟嵌入的messenger則會頁面滿版,有方法像網頁版一樣只佔一角嗎?

手機開啟頁面:
https://ithelp.ithome.com.tw/upload/images/20190729/20110934pDBE4tXawq.jpg

看更多先前的討論...收起先前的討論...
dragonH iT邦超人 5 級 ‧ 2019-07-29 10:47:33 檢舉
所以手機開起來長怎樣
Huiicat iT邦新手 4 級 ‧ 2019-07-29 10:51:33 檢舉
已補圖了!另外不曉得能不能讓版面在大一點…
dragonH iT邦超人 5 級 ‧ 2019-07-29 11:08:01 檢舉
這應該本來就不是 for mobile 的吧

如果透過 css 也沒辦法的話

可能就要考慮其他想法了
Huiicat iT邦新手 4 級 ‧ 2019-07-29 11:35:55 檢舉
是啊,只是想說他嵌入方便,但是卻發現在手機上顯示的頁面不佳QQ
我會再找找其他方法,謝謝!
dragonH iT邦超人 5 級 ‧ 2019-07-29 11:47:13 檢舉
或許你可以考慮 user 在 mobile 上開的話

如果有安裝 messenger

就開啟 messenger

https://stackoverflow.com/questions/43303633/url-to-open-facebook-messenger-app-if-installed-else-open-web-messenger
Huiicat iT邦新手 4 級 ‧ 2019-07-29 12:20:57 檢舉
謝謝,因為他跟本身網頁是有互動性的,所以沒有考慮把它連到手機上的APP。
目前發現的解決方法是在chrome的設定中切換為電腦版網站,就可以讓它有相同效果,可能會朝設定網站永遠顯示電腦版這個方向走~
讓user自行切換為電腦板是不好的行為喔!!
RC iT邦新手 5 級 ‧ 2019-07-31 11:10:12 檢舉
頁面確定是RWD?有META viewport標籤?手機截圖看起來很像電腦版介面
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答