レスポンシブWebデザイン

レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

RSS

  • 解決済

    回答
    3

    <table>のレスポンシブ対応について

    • HTML

      11087 questions

      HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

    • CSS

      7247 questions

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

    • CSS3

      2558 questions

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

    • HTML5

      4965 questions

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

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • 0評価
    • 0クリップ
    • 87PV
    sasanoha sasanoha 2日前 に コメント

  • 受付中

    回答
    1

    レスポンシブのページ崩れについて解決方法を教えてほしい

    • JavaScript

      19821 questions

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

    • CSS

      7247 questions

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

    • jQuery

      7961 questions

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

    • CSS3

      2558 questions

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

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • -2評価
    • 0クリップ
    • 229PV
    Lhankor_Mhy Lhankor_Mhy 3日前 に 回答

  • 受付中

    回答
    1

    下記サイトの会社情報の下記の部分のように、背景画像を中のコンテンツの上下中央にレスポンシブで配置するにはどうしたらよいのでしょうか？

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • 0評価
    • 0クリップ
    • 536PV
    husei 退会済みユーザー 1週間前 に 回答

  • 受付中

    回答
    1

    レスポンシブ対応「ステップバー」の作り方

    • CSS3

      2558 questions

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

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • 0評価
    • 0クリップ
    • 3726PV
    husei 退会済みユーザー 1週間前 に 回答

  • 解決済

    回答
    3

    webデザインでフォトショとかでデザインしてからコーディングするのが主流なのは何故か？

    • CSS3

      2558 questions

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

    • HTML5

      4965 questions

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

    • Webサイト

      1258 questions

      一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

    • デザイン

      94 questions

      プログラミングでのデザインとは、プログラムの構成や、使用の信頼性・持続性・正確性・利便性の目標達成にはどうするのがベストなのか特定の選択を行うことです。

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • -7評価
    • 0クリップ
    • 635PV
    fao fao 2週間前 に 回答

  • 解決済

    回答
    2

    Rails5にてscssで記述したメディアクエリを反映させたい

    • HTML5

      4965 questions

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

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • Sass

      335 questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • Ruby on Rails 5

      2970 questions

    • 0評価
    • 0クリップ
    • 344PV
    taisi20 taisi20 2週間前 に ベストアンサー

  • 受付中

    回答
    0

    Airbnbサイトの模写をしています。bootstrapでナビバーのレスポンシブ対応にしたときにドロップダウンメニューにすることができず困っています。

    • HTML

      11087 questions

      HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

    • CSS

      7247 questions

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

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • Bootstrap

      1246 questions

      BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

    • 0評価
    • 1クリップ
    • 123PV
    teratailが 2週間前 に アップデート

  • 解決済

    回答
    1

    position:absoluteで、複数枚の画像を希望の位置に配置したいです。

    • CSS3

      2558 questions

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

    • HTML5

      4965 questions

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

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • 0評価
    • 0クリップ
    • 373PV
    machi__bari machi__bari 3週間前 に ベストアンサー

  • 受付中

    回答
    0

    colorboxのポップアップ位置を調整したい。（スマホ横回転時）

    • jQuery

      7961 questions

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

    • HTML5

      4965 questions

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

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • 0評価
    • 1クリップ
    • 1104PV
    magenda 退会済みユーザー 3週間前 に 回答

  • 解決済

    回答
    3

    スマホとPCで表示する内容をガラッと変える方法

    • CSS

      7247 questions

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

    • HTML5

      4965 questions

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

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • -1評価
    • 1クリップ
    • 366PV
    Khy Khy 1ヶ月前 に ベストアンサー

  • 解決済

    回答
    2

    レスポンシブデザインが適切に適用されません。タブレット向けのcssの内容がスマホ画面で適用されてしまいます。

    • HTML

      11087 questions

      HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

    • CSS

      7247 questions

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

    • Django

      1543 questions

      DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • 0評価
    • 0クリップ
    • 95PV
    NirohShimashita NirohShimashita 1ヶ月前 に 回答

  • 受付中

    回答
    0

    レスポンシブデザインが上手くいかない

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • -1評価
    • 0クリップ
    • 122PV
    seiko1124 退会済みユーザー 1ヶ月前 に 質問

  • 解決済

    回答
    1

    レスポンシブで背景画像を比率を保ったまま表示させたいです

    • CSS

      7247 questions

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

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • 0評価
    • 0クリップ
    • 126PV
    mts10806 mts10806 2ヶ月前 に コメント

  • 解決済

    回答
    1

    ハンバーガーメニューでページ内リンクをした時にメニューを閉じる

    • JavaScript

      19821 questions

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

    • メニュー

      24 questions

      メニューは、UIにおける仕組みであり、ユーザに機能の表示と実行する手段を与えます。

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • 0評価
    • 0クリップ
    • 117PV
    kaya_ kaya_ 2ヶ月前 に ベストアンサー

  • 解決済

    回答
    1

    レスポンシブのハンバーガーメニューについて

    • HTML

      11087 questions

      HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

    • jQuery

      7961 questions

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

    • メニュー

      24 questions

      メニューは、UIにおける仕組みであり、ユーザに機能の表示と実行する手段を与えます。

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • 0評価
    • 1クリップ
    • 189PV
    buuuu_chan buuuu_chan 2ヶ月前 に ベストアンサー

  • 解決済

    回答
    1

    【テーマAnima】ヘッダー下の余白をなくしたい【レスポンシブデザインについて】

    • PHP

      23494 questions

      PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

    • CSS

      7247 questions

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

    • WordPress

      8721 questions

      WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • -1評価
    • 0クリップ
    • 196PV
    ayaple ayaple 2ヶ月前 に ベストアンサー

  • 解決済

    回答
    1

    ハンバーガーメニューにヘッダーの検索を含めたい

    • CSS

      7247 questions

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

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • Bootstrap

      1246 questions

      BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

    • 0評価
    • 1クリップ
    • 187PV
    pixiewired pixiewired 3ヶ月前 に ベストアンサー

  • 解決済

    回答
    1

    【レスポンシブ】テーブル部分のtdを下げると崩れる

    • CSS3

      2558 questions

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

    • HTML5

      4965 questions

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

    • Webサイト

      1258 questions

      一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

    • デザイン

      94 questions

      プログラミングでのデザインとは、プログラムの構成や、使用の信頼性・持続性・正確性・利便性の目標達成にはどうするのがベストなのか特定の選択を行うことです。

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • 0評価
    • 0クリップ
    • 429PV
    anna_53 anna_53 3ヶ月前 に ベストアンサー

  • 解決済

    回答
    3

    html css: レスポンシブなサイトを作りたい・綺麗なcssの書き方について

    • HTML

      11087 questions

      HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

    • CSS

      7247 questions

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

    • CSS3

      2558 questions

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

    • HTML5

      4965 questions

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

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • -1評価
    • 0クリップ
    • 234PV
    yoshinavi yoshinavi 3ヶ月前 に ベストアンサー

  • 解決済

    回答
    1

    webコーディング。positionの質問です。

    • HTML

      11087 questions

      HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

    • CSS

      7247 questions

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

    • レスポンシブWebデザイン

      236 questions

      レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

    • 0評価
    • 0クリップ
    • 198PV
    Lhankor_Mhy Lhankor_Mhy 4ヶ月前 に コメント
1
  • 1
  • 2
  • 3
  • ...

次のページchevron_right

タグ情報

  • あなたの順位

    -位

  • タグ登録者数

    221人

  • 総質問数

    236件

  • 今週の質問数

    2件

関連するタグ

  • Hyperledger Fabric

    3 questions

  • ESLint

    34 questions

    ESLintは、JavaScriptのための構文チェックツール。全検証ルールを自由に on/offでき、独自のプロジェクトに合わせたカスタムルールを容易に設定することが可能。公開されている様々なプラグインを組み込んで使用することもできます。

  • Core Data

    35 questions

    Core DataはAppleのOS X and iOSのためのオブジェクトモデリングと持続性を持ったフレームワークです。Xcodeはエンティティー、属性そして関係性を特定するためのオブジェクトモデルの編集機能を提供します。

  • DELETE

    22 questions

    ファイルシステムからファイル、データベースからレコードを削除することまたはメモリ内のオブジェクトの割り当てを取り消すことをさします。もしくは、HTTPプロトコルのDELETEを指すこともあります。

  • Chrome Packaged Apps

    1 questions

  • Hack

    7 questions

    Hackは、Facebookが開発したオープンソースのプログラミング言語。同社が開発したHipHop仮想マシン (HHVM) で動作します。静的型付言語でPHPとの互換性を持ちますが、PHPより動作が早いことが特徴です。

  • Qt Creator

    37 questions

    Qt Creatorは、Qtアプリケーションを開発するための開発統合環境(IDE)です。

  • YOLO

    13 questions

  • Intel Edison

    11 questions

  • QGIS

    2 questions

    QGISは、オープンソースの地理情報システムです。無料でありながら、GISに必要な地理空間情報の作成・編集・可視化・解析といった多くの機能を備えています。さらに、無料のプラグインで機能追加を行うことも可能です。

レスポンシブWebデザインタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る