レスポンシブWebデザイン

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

RSS

  • 解決済

    回答
    1

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

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

    • 0評価
    • 31PV
    k3n1 k3n1 22時間前に コメント
  • 解決済

    回答
    3

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

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

    • 0評価
    • 354PV
    mirainonakamura mirainonakamura 1日前に ベストアンサー
  • 解決済

    回答
    1

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

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

    • 0評価
    • 338PV
    TONGARI TONGARI 1日前に ベストアンサー
  • 受付中

    回答
    0

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

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

    • 0評価
    • 9PV
    teratailが1日前に アップデート
  • 解決済

    回答
    2

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

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

    • 0評価
    • 170PV
    kuroishi kuroishi 4日前に コメント
  • 解決済

    回答
    1

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

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

    • 0評価
    • 57PV
    kuroishi kuroishi 1週間前に 回答
  • 解決済

    回答
    1

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

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

    • 0評価
    • 98PV
    T_sa T_sa 1週間前に ベストアンサー
  • 解決済

    回答
    1

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

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

    • 0評価
    • 52PV
    yuki84web yuki84web 1週間前に ベストアンサー
  • 解決済

    回答
    1

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

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

    • 0評価
    • 48PV
    kuroishi kuroishi 1週間前に ベストアンサー
  • 解決済

    回答
    1

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

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

    • 0評価
    • 79PV
    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
    YujiTakemura YujiTakemura 2週間前に 質問を編集
  • 受付中

    回答
    1

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

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

    • 0評価
    • 74PV
    LibertyBell3 LibertyBell3 2週間前に 回答を編集
  • 受付中

    回答
    2

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

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

    • 0評価
    • 83PV
    T_sa T_sa 3週間前に 回答
  • 受付中

    回答
    1

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

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

    • 0評価
    • 59PV
    katsumi_garden katsumi_garden 4週間前に 質問を編集
  • 解決済

    回答
    2

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

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

    • 0評価
    • 161PV
    MasakazuFukami MasakazuFukami 4週間前に ベストアンサー
  • 解決済

    回答
    2

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

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

    • 0評価
    • 109PV
    imac imac 1ヶ月前に コメント
  • 解決済

    回答
    2

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

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

    • -5評価
    • 145PV
    hokuto_ 退会済みユーザー 1ヶ月前に ベストアンサー
  • 受付中

    回答
    2

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

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

    • 0評価
    • 149PV
    te2ji te2ji 1ヶ月前に 回答
  • 解決済

    回答
    1

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

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

    • 0評価
    • 349PV
    masaya_46neko masaya_46neko 1ヶ月前に 回答を編集
  • 解決済

    回答
    1

    ボックスの重なり

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

    • 0評価
    • 427PV
    revoiot revoiot 1ヶ月前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    140

  • 総質問数

    149

  • 今週の質問数

    6

関連するタグ

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