2

おそらくそれはばかげた質問です（私は初心者です）が、電話ギャップを使用してアプリを開発しており、デバイスの高さを定義する必要があります。JavaScriptを使用すると、次を使用して画面のサイズを取得できることを知っています:

<script type="text/javascript">
document.write(screen.width+'x'+screen.height);
</script>

そして、CSS ファイルの変数として screen.height 値を使用したいと考えています。これを解決すると、高さに関連するアイテムを定義でき、その結果、どのデバイスでも正確な画像を取得できます...奇妙に聞こえますか?

私はグーグルで検索しようとしましたが、css に js を挿入する方法、またはその中に screen.height 値を挿入する方法が見つかりませんでした。

誰にもアイデアがありますか？

前もって感謝します。

4

4 に答える 4

3

さて、あなたの質問に答えましょう。

あなたが言ったように、あなたはそれを行うことができます：

<script type="text/javascript">
document.write(screen.width+'x'+screen.height);
</script>

しかし、JavaScript から css を変更するのは難しいです。代わりに、jQuery を使用すると、簡単に実行できます。次のコードが役に立ちます。

<script>
$(document).ready(function(){

   var Width = $(document).width();
   $('#id_you_want_change').attr('width','valueYouWantToWidth');

});</script>

素晴らしい！責任あるウェブサイトが必要な場合は、Bootstrapのようなフレームワークを探してみてください:)

于 2013-09-19T14:05:31.607 に答える
2

Css ファイルで @media を使用して、画面の幅と高さを定義します。詳細については、このリンクを確認してください。 メディア クエリを使用したデバイス レイアウト - スマートフォンではポートレート、タブレットでは両方

于 2013-09-19T13:58:36.110 に答える
1

この回答を参照してください。一般に、js を css に入れるのは悪い習慣と考えられています。代わりに、必要なときに javascript を使用してスタイリングを行うことができます。おそらく、jQuery も学習したいと思うでしょう。jQuery を使用すると、多くのことが 100 倍簡単になります。

私はこれがかなり曖昧であることを知っていますが、役に立てば幸いです!

于 2013-09-19T14:03:51.530 に答える