前陣子重寫Blogger範本時發現一個問題

雖然網頁已經支援RWD

但內嵌的Youtube影片卻還是維持在預設的560px : 315px 

讓影片在手機上顯示時會超出頁面寬度

老實說並不怎麼好看

後來我找到一個還不錯的解決方法

只要改css就可以完成
以下是code(來源):

.post-body iframe{width:100%!important;}
@media screen and (max-width:960px){
.post-body iframe{max-height:90%}}
@media screen and (max-width:768px){
.post-body iframe{max-height:75%}}
@media screen and (max-width:600px){
.post-body iframe{max-height:60%}}
@media screen and (max-width:480px){
.post-body iframe{height:auto!important;max-height:auto!important}}

Blogger放在/b:skin之前
如果使用的是非官方範本post-body改成文章本體出現位置