急いでいます！

javascriptでレスポンシブに対応したい

締切済

質問者：kemukemu2014
質問日時：2016/06/12 21:43
回答数：1件

すいません。質問があります。

javascriptでレスポンシブに対応したいです。

レスポンシブ対応だと、外部CSSファイルを読み込んでメディアクエリを使う。といったやり方だと思いますが、それはせずに、javascriptで対応したいです。

例えば、下記の画像のwidth="217" height="89"の部分をJavascriptでどうやってレスポンシブに対応できますか？
そもそもあまり良い考えではないと思いますが、Javasciptの課題として考えていて、試行錯誤を繰り返してますがうまくいかなくて、質問させていただきました。

↓イメージタグの部分をレスポンシブ対応できるJavascriptが知りたいです。

<!doctype html>
<html>

<head>
<meta charset="Shift-Jis">
<title>テスト</title>
</head>

<body>
<div class="wrapper">
<h1 id="logo">
<a href="index.html"><img src="images/logo.png" width="217" height="89" alt="test"></a>
</h1>
</div>
</body>
</html>

お手数ですがよろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

参考程度に

No.1

回答者： fujillin
回答日時：2016/06/13 09:31

こんにちは

＞下記の画像のwidth="217" height="89"の部分をJavascriptでどうやって
＞レスポンシブに対応できますか？
ご提示のサイズが217×89なのでどうなさりたいのかよくわかりませんが、サイズを変えたいってことでしょうか？
　var img = document.querySelector("#logo img");
　img.style.width = xx + "px";
みたいな方法で可能だと思います。

実際には、ユーザーエージェントの種類や画面サイズなどで判定して、対応することになるのでしょうけれど…
http://idotdesign.net/blog/web/js/responsive-if- …
http://blog.sntn1217.com/archives/168/
http://black-flag.net/jquery/20120808-4047.htmlj … 0;