販促レポート：スマホサイト構築、youtube動画のはみ出した横幅を修正する方法 【販促ノベルティ卸売りセンター】

投稿日：2013/06/26　カテゴリ： IT技術テク

ブログやCMSなどでyoutubeの埋め込みコードを使用した場合、PCではきちんと表示されていても



スマホに変換されたサイトでは、横幅から大きくはみ出てとても使いにくい場合があります。



style="max-width:100%"
youtube動画の埋め込みコードに、上記のコードを書き加えるだけで



きちんと横幅に収まりました。とてもスッキリして良いですね。ぜひお試しください。
もしCSSファイルを修正できるブログでしたら、あらかじめ下記を指定しておいても良いと思います。
iframe {
max-width: 100%;
}


今回は、スマートフォンサイトのhtmlコーディングメモ12個　を参考にさせていただきました。

• [特別企画] アウトレット・在庫売切廃盤
• フォトフレーム・フォトスタンド
• オフィス用品・事務用品・文具・電卓
• ノート・メモ・付箋（ふせん）・手帳
• ボールペン・筆記具（国内メーカー品）
• ボールペン・筆記具（ノンブランド品）
• PC周辺グッズ・マウス・USB・AV機器
• スマホスタンド・スマホ充電器・タッチペン
• クロック・記念時計・腕時計・温湿度計
• 生活雑貨・収納雑貨・掛時計・ブランケット
• 掃除用品・家事用品・工具・メジャー
• キッチン・鍋・調理用品・電気ケトル
• タンブラー・グラス・湯呑み・マグカップ
• ボトル・マグボトル・弁当箱・箸
• アウトドア・スポーツ・カー用品
• LEDライト・ダイナモライト・ランタン
• 非常持出しセット・保存食・保存水
• 防災グッズ・防犯グッズ・救急セット
• キャラクターグッズ・玩具・お子様文具
• ビューティ・エチケット・トラベル用品
• 除菌・ヘルスケア・フィットネス・歩数計
• アロマ・芳香・栽培セット・生花/造花
• エコバッグ・トートバッグ
• エコバッグ・トートバッグ（横マチ付き）
• 折り畳みバッグ
• 多機能バッグ（保冷・保温、ポケット付き）
• 巾着・リュック・ショルダートート
• ポーチ・ペンケース・ビジネス・PRバッグ
• カードケース・財布・キーホルダー
• 傘・和風傘・折りたたみ傘・レインコート
• 名入れタオル・風呂敷・マフラータオル
• タオルギフト・バスタオル・ハンドタオル
• 食品ギフト・食品ノベルティ・お米・お菓子
• イベント景品・抽選グッズ・ばらまき食品
• 記念品・贈答品・クリスタル・洗剤ギフト
• 粗品（石鹸、ソープ、入浴剤、マスク）
• 粗品（ティッシュ、ふきん、ラップ、容器）

スペシャルカテゴリ／各種イベント

プライスカテゴリ／価格別

• 50円以下のばらまきノベルティ
• 100円以下のノベルティグッズ
• 200円以下のノベルティグッズ
• 300円以下のノベルティグッズ
• 400円以下のノベルティグッズ
• 500円以下のノベルティグッズ
• 1,000円以下のノベルティグッズ
• 2,000円以下のノベルティグッズ
• 3,000円以下のノベルティグッズ
• 3,000円以上のノベルティグッズ