質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

4回答

4794閲覧

CSSで親要素の幅に合わせ背景画像を拡大させる方法

miu_ras

総合スコア902

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

2クリップ

投稿2015/02/13 16:20

編集2015/02/13 16:25

まず現状のコードを見てください。※単体で動作するようにしました。
・親divが画面幅に応じて変化する
・子divは背景画像のサイズに合わせ縦横のサイズを指定している
・子divの縦横ともに中央に別の画像を配置
という感じです。

これを
・親divの幅に応じて拡大・縮小するようにしたい
・別画像を子divの拡大縮小にあわせ、子divの縦横ともに中央に配置したい
・別画像も子divの拡大縮小にあわせ拡大縮小したい(これはできなくてもいい)
と思っています。

最終手段としては、メディアクエリで3段階くらいに固定サイズに指定し分ければいいと思っています。

PCなどはそれでも問題ないのですが、スマホなどの画面の小さなデバイスでは、スクロールバーを出さずにしかしできるだけ大きく表示したいので、できれば画面幅に合わせて最大表示したいと思っています。

なので「メディアクエリで段階的固定サイズ指定」よりも、もう少しスマートな方法はないかと思い質問をしました。出来ればCSSだけで済ませたいです。しかしjQuery・JavaScriptを使ってもいいです。

あと、画像の縦横中央表示は、テクニックを知らないままネットで見つけたサンプルを参考に実装しました。ので、ここについてもよりよい方方があれば教えてください。

ちなみにサンプルコード上の背景画像は無地の青一色の画像です。もしもこの画像ならば、画像を使わずに塗ればいいだけですが、Base64で表現するために小さい画像を作っただけで、実際には別の画像を使っています。ので画像を使わないという選択肢は無しでお願いします。

よろしくお願いします。

lang

1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 7</head> 8<body> 9 10<div class="panel-body" style="width: 90%; border: 3px solid red;"> 11 <div id="baseimg"> 12 <img src="data:image/gif;base64,R0lGODlhEAAQAJEAAGZmZv+ZAP//Jf///yH5BAUUAAMALAAAAAAQABAAAAI3nAeZxwcCIWguxkeRvfk9KUxNEl6hWAnBGlyoprLbAm+z8dkWmus00tu9gDlFBmccjhhKppNRAAA7"> 13 </div> 14</div> 15 16<style> 17#baseimg { 18 width: 411px; 19 height: 390px; 20 line-height:390px; 21 text-align: center; 22 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZsAAAGGCAIAAAAisrvqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAThSURBVHhe7dSBDABADACx9zd4tCmMYh6XJmXo+7MADUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oGL2ACpLnsRAjXt8AAAAAElFTkSuQmCC"); 23} 24 25img { 26 vertical-align: middle; 27} 28</style> 29 30</body> 31</html> 32

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答4

0

回答そのものではありませんが、参考情報を紹介します。

参考:

投稿2015/02/13 21:50

katoy

総合スコア22324

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

miu_ras

2015/02/17 16:55

情報ありがとうございます。しかし残念ながらいただいた情報ではやりたいことは実現できませんでした…。
guest

0

自己解決

一応、自分で試した結果を。自分的にはjQueryとかresizeとかできれば使いたくなかったのですが。やりたいことのイメージを伝える意味でも、無理やりな感じのコードを貼っておきます。

よりよいコードがあれば教えていただきたいです。よろしくお願いします。

lang

1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 7</head> 8<body> 9 10<div class="panel-body" style="width: 90%; border: 3px solid red;"> 11 <div id="baseimg"> 12 <img src="data:image/gif;base64,R0lGODlhEAAQAJEAAGZmZv+ZAP//Jf///yH5BAUUAAMALAAAAAAQABAAAAI3nAeZxwcCIWguxkeRvfk9KUxNEl6hWAnBGlyoprLbAm+z8dkWmus00tu9gDlFBmccjhhKppNRAAA7"> 13 </div> 14</div> 15 16<style> 17#baseimg { 18 width: 100%; 19 background-size: contain; 20 text-align: center; 21 height: 100%; 22 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZsAAAGGCAIAAAAisrvqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAThSURBVHhe7dSBDABADACx9zd4tCmMYh6XJmXo+7MADUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oGL2ACpLnsRAjXt8AAAAAElFTkSuQmCC"); 23} 24 25img { 26 vertical-align: middle; 27 width: 8%; 28} 29</style> 30 31<script> 32$(window).resize(function() { 33 var w = $("#baseimg").width(); 34 var h = w * 0.9489; 35 $("#baseimg").height(h); 36 $("#baseimg").css("line-height", h + "px"); 37}); 38$(window).resize(); 39</script> 40 41</body> 42</html> 43

投稿2015/02/18 19:11

miu_ras

総合スコア902

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

#baseimg の縦横を親に追従させるにはサイズを%指定してやる必要があります。

lang

1width:100%; 2height:100%;

(親のスタイルによっては親を貫通して大きくなったりするかもしれませんが、その時はここを頑張って理解しましょう・・・
http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#x5)

あとは、ブラウザが限定されますが background-size: 100% auto; などはどうでしょうか?

最期に質問内容に貼られていたものをいじったやつを貼っておきます。

lang

1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 7</head> 8<body> 9 10<div class="panel-body"> 11 <div id="baseimg"> 12 <img id="hiyoko" src="data:image/gif;base64,R0lGODlhEAAQAJEAAGZmZv+ZAP//Jf///yH5BAUUAAMALAAAAAAQABAAAAI3nAeZxwcCIWguxkeRvfk9KUxNEl6hWAnBGlyoprLbAm+z8dkWmus00tu9gDlFBmccjhhKppNRAAA7"> 13 </div> 14</div> 15 16<style> 17.panel-body { 18 width: 90%; 19 height:150px; 20 border: 3px solid red; 21 position:relative; 22} 23#baseimg { 24 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZsAAAGGCAIAAAAisrvqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAThSURBVHhe7dSBDABADACx9zd4tCmMYh6XJmXo+7MADUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oMNoQIfRgA6jAR1GAzqMBnQYDegwGtBhNKDDaECH0YAOowEdRgM6jAZ0GA3oMBrQYTSgw2hAh9GADqMBHUYDOowGdBgN6DAa0GE0oGL2ACpLnsRAjXt8AAAAAElFTkSuQmCC"); 25 width:100%; 26 height:100%; 27} 28 29#hiyoko { 30 display:block; 31 position:absolute; 32 top:0; 33 bottom:0; 34 left:0; 35 right:0; 36 margin:auto; 37} 38 39</style> 40 41</body> 42</html> 43

投稿2015/02/18 07:35

umezo

総合スコア12

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

miu_ras

2015/02/18 18:34

ご提示していただいたソースは、高さは変わらずでかつ、横にリピート表示されているだけですよね…。柄のない画像にしてしまったため分かりにくいのですが。 すみません。説明不足でした。私の言葉の「拡大・縮小」とは、 ・縦横の比率を保持して横幅が伸びたら高さも伸びる ・当然画像は全体が表示されることが前提 という意味でした。
umezo

2015/02/19 11:42

#baseimgの縦横比固定は必須ですかね?背景画像の縦横比維持だけで良ければ、こんな感じでどうでしょうか。 ``` <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <style> /* テスト用 ブラウザのサイズを自由に変更して確認出来るように */ html,body{ height:95%; } /* #baseimgは この要素を基準に拡大縮小する */ .panel-body { /* 幅,高さを自由に変更しても、背景の縦横比は維持される */ width:100%; height:100%; border: 3px solid red; } /* この要素の縦横比は保持されないが 背景画像の縦横比は保持される */ #baseimg { background-size: contain; background-position: center; background-repeat:no-repeat; /* ひよこちゃんを借りました */ background-image: url("data:image/gif;base64,R0lGODlhEAAQAJEAAGZmZv+ZAP//Jf///yH5BAUUAAMALAAAAAAQABAAAAI3nAeZxwcCIWguxkeRvfk9KUxNEl6hWAnBGlyoprLbAm+z8dkWmus00tu9gDlFBmccjhhKppNRAAA7"); /* 親要素に追従 */ /* 縦横比は親に依存 */ width: 100%; height: 100%; /* 中央配置の基準にしたい要素にコレを設定する必要がある */ position:relative; } /* imgタグは 祖先の position:relative; なブロック要素の中央に配置される */ /* この場合 #baseimg */ img { position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; } </style> </head> <body> <div class="panel-body"> <div id="baseimg"> <img src="data:image/gif;base64,R0lGODlhEAAQAJEAAGZmZv+ZAP//Jf///yH5BAUUAAMALAAAAAAQABAAAAI3nAeZxwcCIWguxkeRvfk9KUxNEl6hWAnBGlyoprLbAm+z8dkWmus00tu9gDlFBmccjhhKppNRAAA7"> </div> </div> </body> </html> ```
umezo

2015/02/19 11:44

うぇえ 新しい回答として投稿すべきなんだろうか・・・
guest

0

今はとりあえず、メディアクエリで3段階で固定の表示にしています。とりあえず手持ちのスマホでもはみ出ないようにはなりました。

が、より小さなデバイスでははみ出たり、少し大きめのデバイスでは小さめに表示されてしまうと思うので、引き続き情報募集しています。

投稿2015/02/17 16:54

編集2015/02/17 16:58
miu_ras

総合スコア902

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問