レスポンシブWebデザイン

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

RSS

  • 解決済

    回答
    1

    aspで作成されたサイトはレスポンシブできますか？

    早速質問させていただきます。 ・タイトル通りですが、aspで作成されたサイトはレスポンシブできますか？ ・もしできるとしたら、方法はhtmlでのやり方と一緒ですか？(@media) ・違うのでしたら、どういった方法でしょうか？（参考ページ頂けたら幸いです） 以上となります。 すみませんが、回答宜しくお願いいたします。

    • 0評価
    • 31PV
    • HTML

      4908questions

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

    • CSS

      3059questions

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

    • ASP

      36questions

      ASP(Active Server Pages) あるいはClassic ASP (ASP Classic)は、マイクロソフト社開発した動的なウェブページ製作に利用可能なサーバー側のスプリクトエンジンです。

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

      149questions

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

    k3n1 k3n1 22時間前に コメント

  • 解決済

    回答
    3

    レスポンシブデザインの件（見やすく再送させていただきました）

    ただいま、レスポンシブデザイン中です。 widthが767px以下になったらメイン画像が可変するようにしたいのですがうまくいきません・・・。 よく、 img{ width:100%; max-width:100%; height:auto; } にしたら良いと色々書いてあったので以下のように試みましたがメイン画像が縮小されませんでした・・・。 ひよ

    • 0評価
    • 354PV
    • CSS3

      1156questions

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

    • HTML5

      2219questions

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

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

      149questions

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

    mirainonakamura mirainonakamura 1日前に ベストアンサー

  • 解決済

    回答
    1

    レスポンシブデザインの画像が可変しないのですが、なぜでしょう…

    前提・実現したいこと レスポンシブデザイン中です。 widthが767px以下になったらメイン画像を可変させたいのですが。--- 発生している問題・エラーメッセージ メイン画像が可変してくれません・・・ 該当のソースコード <div id="header"> <p><img src="main-img.jpg" width="1366" height

    • 0評価
    • 338PV
    • CSS3

      1156questions

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

    • HTML5

      2219questions

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

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

      149questions

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

    TONGARI TONGARI 1日前に ベストアンサー

  • 受付中

    回答
    0

    Flickityで、スマホサイズの時は適用させないコード

    前提・実現したいこと ここに質問したいことを詳細に書いてください 現在、jQueryプラグインFlickityを使用して、スライダーを作成しています。 このプラグインを、500px以下の場合には停止させ、501px以上であれば動作させるように したいと思っていますが、全てのサイズで動作してしまい、困っています。 初歩的な質問かとは思いますが、どうぞよろし

    • 0評価
    • 9PV
    • jQuery

      3911questions

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

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

      149questions

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

    teratailが1日前に アップデート

  • 解決済

    回答
    2

    -webkit-transformと@media screen について

    お世話になっております。 今回はcssで-webkit-transformについての問題です。@media screenを使い、スマホ版に対応するようプログラミングしてみましたがうまくいきません。 CSS .menu-trigger, .menu-trigger span { display: inline-block; tran

    • 0評価
    • 170PV
    • JavaScript

      8763questions

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

    • CSS

      3059questions

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

    • jQuery

      3911questions

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

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

      149questions

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

    kuroishi kuroishi 4日前に コメント

  • 解決済

    回答
    1

    jQueryを使った画像の動作処理(レスポンシブwebデザイン)

    お世話になっております。毎度大変様々な方から助言をいただき、本当にありがとうございます。 今回ですが、CSSでではなく、javascriptを使用し表示、非表示を操作したいと以下のコードを書きました。 HTML <div id="picture"> <img id="1" src="./img/Practice_picture/1.JPG" alt="

    • 0評価
    • 57PV
    • JavaScript

      8763questions

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

    • HTML

      4908questions

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

    • CSS

      3059questions

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

    • jQuery

      3911questions

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

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

      149questions

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

    kuroishi kuroishi 1週間前に 回答

  • 解決済

    回答
    1

    cssのメディアクエリがよくわかりません。

    現状・問題点 初心者です。 レスポンシブページの修正をしています。 ページ内には画像や文章、cssで吹き出しを作成して表示している箇所があります。 画像や文章は可変しますが、吹き出し部分と画像の位置が、iPhone5～7それぞれのバージョン？によって異なります。 iPhone6と6Plusではきれいに修正し、iPhone5用でも記述しても iPhone6

    • 0評価
    • 98PV
    • CSS

      3059questions

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

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

      149questions

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

    • iPhone

      606questions

      iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

    T_sa T_sa 1週間前に ベストアンサー

  • 解決済

    回答
    1

    スマホでリンクボタンが2回タップしないと飛ばない

    レスポンシブサイトを作っており質問です。 スマホでボタンを1度タップするとhoverが効いて２回目のタップでリンクへ飛ぶのですがそれは @media (max-width: 767px) { a:hover img { opacity:1.0; } これで対応できたのですが、下にある内容でどうすれば１度のタップでリンクへ飛ばすことができるのでしょうか？ ht

    • 0評価
    • 52PV
    • HTML

      4908questions

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

    • CSS

      3059questions

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

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

      149questions

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

    • Bootstrap

      524questions

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

    • Animate CC

      3questions

      Animate CC(旧Flash Professional)は、アドビシステムズ社のWebアニメーション制作ツールです。描いたグラフィックにタイムラインで動きを付け、スクリプトでインタラクティブな操作を実装。動画や映像作品、インタラクティブコンテンツ、データの可視化に利用できます。

    yuki84web yuki84web 1週間前に ベストアンサー

  • 解決済

    回答
    1

    レスポンシブwebデザイン、スマホの画像のwidthの変更について

    現在の問題点 現在、私はレスポンシブwebデザインを使い一つのサイトを完成させようとしている初心者です。 今回、問題になっている点はスマートフォンで見た際に起きる現象です。現在私は友人のサーバーを借りてスマホではどのように見えているかを試しながら作っています。 <div id="top_all_work"> <!--loadi

    • 0評価
    • 48PV
    • JavaScript

      8763questions

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

    • HTML

      4908questions

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

    • CSS

      3059questions

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

    • jQuery

      3911questions

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

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

      149questions

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

    kuroishi kuroishi 1週間前に ベストアンサー

  • 解決済

    回答
    1

    CSS テーブルをレスポンシブ対応で、横スクロールしたい

    CSS テーブルをレスポンシブ対応で、横スクロールしたいです テーブルを<div class="table_scroll">で囲み、そのクラスに、スクロールをつけてみたつもりなのですが、 ヘッダ行だけが縦に並んで表示されてしまいます。 どこを修正すれば良いか、ご教授いただけると助かります。 よろしくお願いいたします。 <H2>テストテーブル</H2>

    • 0評価
    • 79PV
    • CSS

      3059questions

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

    • WordPress

      3576questions

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

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

      149questions

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

    hitoekiaruko hitoekiaruko 2週間前に ベストアンサー

  • 受付中

    回答
    0

    くWordpress Sydneyについて

    ワードプレスのテーマSydneyでHP作成しています。 スマホ表示の際のメニューがロゴなしの状態だとtopに余白があるので無くしたいです。 css mobile navigationの mainnav-mobi ul { display: block; list-style: none; margin-top: -50px; padding: 0;

    • -3評価
    • 66PV
    • WordPress

      3576questions

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

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

      149questions

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

    YujiTakemura YujiTakemura 2週間前に 質問を編集

  • 受付中

    回答
    1

    Facebookの投稿の埋め込みでレスポンシブ対応をしたい

    レスポンシブ対応したウェブサイトを制作しています。 記事を投稿する機能を備えたものなのですが、Facebookの投稿の埋め込みをした時に、画面サイズに応じて縦横比を維持することができません。 例えば「<iframe width="500" height="500"/>」という埋め込みの場合、スマホ時には横幅が飛び出してしまうので、CSSで「max-w

    • 0評価
    • 74PV
    • CSS

      3059questions

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

    • Facebook

      260questions

      Facebookは、実名登録制のSNS（ソーシャル・ネットワーキング・サービス）です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

    • CSS3

      1156questions

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

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

      149questions

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

    LibertyBell3 LibertyBell3 2週間前に 回答を編集

  • 受付中

    回答
    2

    PC、スマホの画面幅で背景画像を切り替える方法を教えて下さい。

    前提・実現したいこと レスポンシブレイアウトを勉強中の初心者です。 @mediaを使ってPCとスマホの画面幅を切り替えと 背景画像を切り替える方法を試しています。 不足しているソースや背景画像の設定方法を教えて下さい。 発生している問題・教えていただきたいこと ・PC画像の背景画像は横幅１００％だが、高さは３５０pxで指定 したい場合の％で

    • 0評価
    • 83PV
    • CSS3

      1156questions

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

    • HTML5

      2219questions

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

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

      149questions

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

    T_sa T_sa 3週間前に 回答

  • 受付中

    回答
    1

    モーダルウインドウ 「BOXER」で入力フォーム実装可能ですか

    前提・実現したいこと モーダルウインドウで入力フォーム（※名前などの入力）の実装をしたいです。 モーダルウインドウを幾つか検討していましたが、レスポンシブ対応（スマホ表示も必要なため）が可能で、 扱いやすい条件で幾つか検討していて、「BOXER」を使用したいと思いました。 現在だと名称も「Light Box」になったみたいですが、使用感がBOXERの

    • 0評価
    • 59PV
    • jQuery

      3911questions

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

    • HTML5

      2219questions

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

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

      149questions

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

    katsumi_garden katsumi_garden 4週間前に 質問を編集

  • 解決済

    回答
    2

    投稿系のレスポンシブサイトにおける画像の扱いについて

    「投稿系のレスポンシブサイトにおける画像の扱い」についてお聞きしたいことがあります。 現在、レスポンシブのwebメディア（画像投稿機能あり）を作成しているのですが スマホ、タブレット、PCの際の画像サイズや解像度の扱いをどうするべきか悩んでおります。 PCサイズでのサムネイル画像などの投稿した場合、 スマホの場合にサイズが大きく、ページ自体が

    • 0評価
    • 161PV
    • PHP

      12495questions

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

    • JavaScript

      8763questions

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

    • CSS3

      1156questions

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

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

      149questions

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

    • Laravel 5

      515questions

      Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

    MasakazuFukami MasakazuFukami 4週間前に ベストアンサー

  • 解決済

    回答
    2

    レスポンシブデザインの画像について

    wordpressと Bootstrap3.3.7を使用しております。 col-md-4に画像をcol-md-8に文章を入れております。 そのcol-md-4画像はwidth:264pxです。 その画像のimgをwidth:100%にした時に画面サイズいっぱいに画像が表示されるようにしていますが、その画面サイズいっぱいにしたときに、画像が荒れてし

    • 0評価
    • 109PV
    • WordPress

      3576questions

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

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

      149questions

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

    • Bootstrap

      524questions

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

    imac imac 1ヶ月前に コメント

  • 解決済

    回答
    2

    【レスポンシブ】このレイアウト、ワンソースで書けますでしょうか？

    PC SP サポートブラウザ・OS 各最新

    • -5評価
    • 145PV
    • CSS

      3059questions

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

    • CSS3

      1156questions

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

    • HTML5

      2219questions

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

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

      149questions

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

    hokuto_ 退会済みユーザー 1ヶ月前に ベストアンサー

  • 受付中

    回答
    2

    既存サイトをレスポンシブ化する方法

    仕事の案件ですでにあるPCサイトをレスポンシブ化するという案件を請け負ったのですがメディアクエリーを使ってレスポンシブ化するのが一番簡単な方法でしょうか？？そのPCサイトは各要素ごとにwidthが固定幅で指定されている状態です。 ざっくりとした質問ですがよろしくお願いします！

    • 0評価
    • 149PV
    • HTML

      4908questions

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

    • CSS

      3059questions

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

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

      149questions

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

    te2ji te2ji 1ヶ月前に 回答

  • 解決済

    回答
    1

    スマホでアドレスバーが出てきてレイアウトがずれる

    前提・実現したいこと fullpage.jsを使ってサイトをフルスクリーン表示にしたいのですが、 スマホだとアドレスバーが出てしまい表示が崩れてしまいます。 しかもスクロールすると次の内容に移ってしまう為、 見ているユーザー自身でも消すことが全くできないです。 アドレスバーをjQuery等で非表示にすることは 出来ないのでしょうか？ 詳しい方教

    • 0評価
    • 349PV
    • CSS

      3059questions

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

    • jQuery

      3911questions

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

    • HTML5

      2219questions

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

    • jQueryプラグイン

      238questions

      jQueryの拡張機能。 様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。

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

      149questions

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

    masaya_46neko masaya_46neko 1ヶ月前に 回答を編集

  • 解決済

    回答
    1

    ボックスの重なり

    レスポンシブデザインのwebsite作成をしているところで、Tabletでのわからない点があるため、質問させていただきます。 下の画像を見ていただくとお分かりいただけると思いますが、blogの画像と「おしゃれEMAILに登録しよう」のボックスが重なってしまっています。 position配置のz-indexを指定した覚えもなく、両方ともinline

    • 0評価
    • 427PV
    • CSS3

      1156questions

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

    • HTML5

      2219questions

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

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

      149questions

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

    revoiot revoiot 1ヶ月前に コメント
1
  • 1
  • 2
  • 3
  • ...

次のページchevron_right

タグ情報

  • あなたの順位

    -位

  • タグ登録者数

    140人

  • 総質問数

    149件

  • 今週の質問数

    6件

関連するタグ

  • Neo4j

    1questions

    Neo4ｊとは繋がったデータに十分合うオープンソースな商グラフデータベースです。全てのJVM言語もしくはHTTP-APIｓを通してその他の言語ドライバからも様々な用途で使えます。

  • OAuth 2.0

    41questions

    OAuth 2.0（Open Authorization 2.0）は、APIを通して保護されたリソース(サードパーティのアプリケーション)へアクセスする為のオープンプロトコルです。

  • enchant.js

    13questions

    enchant.jsとは、アプリやゲームを簡単に開発できるオープンソースのHTML5+JavaScriptベースのフレームワークです。プログラミング学習にも用いられ、多くの素材やプラグインが用意されています。

  • 3DCG

    55questions

    コンピュータの演算により、3次元空間の仮想物体を、2次元平面上で表現する手法である。

  • Excel

    736questions

    Excelは、マイクロソフト社が開発しているデータ集計や分析を行う表計算ソフトの一つです。文書作成や表計算、資料作成などの多彩な機能を備えており、統合パッケージであるMicrosoft Officeに含まれています。

  • Cassandra

    11questions

    Cassandraは、key-valueストア型のデータベース管理ソフト及び オープンソースの分散データベース管理システムのことです。

  • Redmine

    111questions

    Redmineは、プロジェクトのタスク管理、進捗管理、情報共有が可能な、 オープンソースプロジェクト管理ソフトウェアです。

  • GitHub Enterprise

    3questions

    GitHub Enterpriseは、GitHub社が開発している企業向けのソフトウェア開発プラットフォームです。GitHubとほぼ同じ機能を持ち、クローズな環境でGitHubを構築することができます。

  • npm

    81questions

    npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

  • Tesseract

    7questions

    Tesseractは、Googleが提供しているオープンソースのOCRエンジンです。機械学習があり60以上の言語に対応でき、日本語の文字認識も可能です。さらに精度を上げることもできます。

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