文章中嵌入的youtube及G+訊息在行動版的顯示寬度如何調整？

【跪求blogger行動版高手】

<4/2更新>
感謝 +企業號航行網誌 提供的方法，youtube鑲嵌寬度問題已解決，請在此輸入網址即可產出：http://embedresponsively.com/

我最近開通了blogger內建的行動版，但是文章中嵌入的youtube及G+訊息寬度是固定的，使用手機看的話就會變成如圖片中所示，想請問這是否有解呢？

或者也可推薦專寫blogger行動版教學文的部落格我來爬文也行，先謝謝了！



Wayne Fu
我用平板(Nexus7) 看行動版網頁，youtube & g+留言框都會自動調整寬度，所以看起來沒什麼問題。

跪婦阿冠說故事
+Wayne Fu 是的，手機版的會有問題，平板都ok(因為鑲嵌的寬度都小於平板，呵呵)，我改一下po文好了。

企業號航行網誌
這個問題的解決方式很簡單又很煩鎖
我無記錯的話，G+ embed 需要加上
<div style="width:100%"> G+ code </div>

跪婦阿冠說故事
+企業號航行網誌 請問我這串要放在哪邊？<div style="width:100%"> G+ code </div>

企業號航行網誌
http://embedresponsively.com/

跪婦阿冠說故事
+企業號航行網誌 大感謝！youtube的鑲嵌語法有成功，但是g+的那段語法放進去後版面會亂掉。

+企業號航行網誌 我發現blogger 行動版有個"自訂'選項可以選，表示是可以自行修改調整版面，但是目前還找不到教學文呀！(泣)

企業號航行網誌
+跪婦阿冠 bigsishead 是呢，G+ 那個有點問題，還沒有看到好的解決方法

自訂那個你需要熟識 CSS 才行

跪婦阿冠說故事
+企業號航行網誌 只能期待另ㄧ個 +Wayne Fu的誕生了

Wayne Fu
+跪婦阿冠 bigsishead 行動版是個巨大的工程，我大概沒功夫去碰他了～～XD (且我的訪客不太會用行動版看我網頁...)

跪婦阿冠說故事
+Wayne Fu 是呀！我懂，所以我才說另一個wayne，而且我們這種類型的部落格跟您的不同，我們的讀者在馬路上，車上甚至床上看的機率很高，而且會越來越高，這是趨勢，我ㄧ定要想辦法克服。

Wayne Fu
+跪婦阿冠 bigsishead 其實我不是很確定行動版訪客最常見的閱覽模式。個人推測，使用行動版的人需要立即找到資料，不會有太多時間仔細逛某個網站（坐在PC前比較會有） → 如果這個前提成立的話，那麼行動版是否一定要有相關文章的小工具，也許就不會太急迫～

跪婦阿冠說故事
+Wayne Fu 我身邊很多朋友(還是忠實觀眾)有手機後就沒開電腦了，還有把筆電賣掉的@@

有ㄧ群不是只有找資料，連平常都只用手機上網的朋友~~~

Mark X
G+ 內嵌訊息據我所知只有固定兩種尺寸，平常用的是小的這種。CSS 無法改變他的結構，原因請參考：http://goo.gl/PWWbO5
或許以後會改成像 G+ 留言板這樣可以自適應的結構。
Youtube 的自適應問題只算解決一半，這個問題不久前網友有問過我，一直沒空寫詳細﹍ 等我寫了再跟妳講。

跪婦阿冠說故事
+Mark X 那我youtube的鑲嵌語法還要改嗎？因為我正要安排時間把100多支鑲嵌影片的語法修改ㄧ下，要現在進行嗎？不然g+鑲嵌事小，不會讓畫面縮得很小，但youtube會讓版面變很小。
+許霖騎 所以我目前先用導覽列撐著，但分類要做好，讓人家好找才行。

+Mark X 你的版模是套用時就配好這組行動版了嗎？今天第ㄧ次用手機看到~~~

我目前想到的解決辦法是：讓G+鑲嵌訊息在網頁版看得到，在行動版不要出現。
可是youtube還是一定要在行動版出現。

Mark X
+跪婦阿冠 bigsishead 先暫時不用改，明天我找時間寫給妳。

跪婦阿冠說故事
+Mark X 感恩，我會先看完你文章，但你不要太急，因為我沒付錢，不要有壓力，哈哈！~~~~

Mark X
+跪婦阿冠 bigsishead 給妳參考，看哪一種比較適合。
http://xox520.blogspot.com/2014/04/youtube-iframe-responsive.html

行動版是和網頁版一起設計的，不過原版很多錯誤；也不適合網頁版收看，所以我又改了很多地方。
行動版如果要單獨設計，會讓 xml 檔案變得很肥大。所以通常是配合網頁版共用樣式，然後在架構中以判斷式區分行動版。這也是為何很少人寫行動版修改，因為每個模板的寫法都不一樣。

我是建議如果需要多處修改，會很難配合各種裝置。其實可以找個響應式範本再去修改樣式，這樣比較輕鬆。

跪婦阿冠說故事
另外，也是跟行動版相關，說不定改天有人會用到，補充在這好了：
關於"在網頁版出現而行動版不出現"的狀況，我目前先試了這個方法：http://code.blogger.com/2011/11/introducing-custom-mobile-templates.html

找到想要顯示或不想顯示的區塊id，補上："mobile='no' 或mobile='only' 或mobile='yes'"即可。

還有，G+鑲嵌的問題不用麻煩大家了，我決定不鑲嵌訊息在文章裡了，因為我找到未來要找訊息的方法了，謝謝！
只要解決youtube的問題就阿彌陀佛了~~~