レスポンシブWebデザイン

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

RSS
  • 解決済

    回答
    1

    レスポンシブの際に、jQueryを、PC表示とタブレットでは使用せず、スマホ表示の時だけ使用する方法...

    以下のハンバーガーメニューのjQueryをホームページに搭載すると、jQueryがPC表示とタブレット表示の時まで動作して閉じてしまいます。 /* 開いている必要はないので、ハンバーガーメニューを収束 */ $('.hamburger-nav-list').slideUp(function() {**__この部分です。__** スマホ表示の時にだ

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

    回答
    2

    jqueryでのスライドショー部分のレスポンシブ

    現在サイトを制作しているのですがそこでスライドショーを実装することになりました。プラグインを使わないでスライドショーの方を実装することになり調べるとこちらのサイトに書いてあったので参考にさせてもらったのですが動作はうまくいったのですが、画像のサイズが大きいので見切れてしまうのでレスポンシブを適応したいのですがうまくいきません。現在コードはこうなっています。

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

    回答
    2

    フルスクリーン写真をスマホで見た際に下部のメニューバーが含まれる

    前提・実現したいこと スライドショープラグインのslickを使用して背景としてフルスクリーン表示しています。 PCだと問題ないのですが、スマホで見た際に下部メニューバーの高さまで写真が表示されてしまいます。 このメニューバーを含めずスライドショーを表示したいのです。 下記サイトは動画ですがフルスクリーンのイメージです。 http://www.greenpa

    • -3評価
    • 93PV
    rap13587 rap13587 1ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    footerのブロックの大きさが変わらない。

    現在websiteを作成している途中ですが、footerの作成の中でつまづいてしまったので、ここで質問させていただきます。 画像のように水色のブロックが見れると思いますが、いろんな修正を加えても、この部分がなぜかこの大きさが変わりません。どれかのブロックにwidthを指定すれば、もちろん大きさは変わるのですが、今回は、レスポンシブデザインを作ってい

    • 0評価
    • 403PV
    HayatoKamono HayatoKamono 1ヶ月前に 回答を編集
  • 受付中

    回答
    4

    javascriptでcssのクラス変更

    現在javascriptを勉強中の身で自分のポートフォリオサイトを作っていましてそこである横幅のサイズウインドウになったらcssのスタイルを変更したいなって考えて調べて自分なりに作ってみたのですがうまくいきません。 var windowWidth = $(window).width(); var windowSm = 767; v

    • -3評価
    • 146PV
    asahina1979 asahina1979 1ヶ月前に 回答
  • 解決済

    回答
    1

    WordpressのSydneyで中央寄せ

    WordpressでSydneyというテーマを使用しています。 パソコンなどの比較的大きいディスプレイで見た時に、テキスト全体を中央寄せにして左右に多く余白を持ちたいのですが、どこをどう変更すればいいか教えてください。(iPhoneなどでは見やすいようにレスポンシブ対応でよろしくお願いいたします。) 初心者なものですみません。おそらくこのあたりだと思うの

    • -1評価
    • 124PV
    aozuki aozuki 1ヶ月前に ベストアンサー
  • 解決済

    回答
    2

    レスポンシブサイトで文字を縦横中央にしたい。

    レスポンシブサイトを作っています。(北朝鮮っぽいのはネタで作っているだけです) 下記の黄色の文字の部分を北朝鮮の国旗の縦の中央寄せにしたいのですが、うまくいきません。 よい方法はありますでしょうか? <html> <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/c

    • 0評価
    • 130PV
    ryuunosuke 退会済みユーザー 2ヶ月前に ベストアンサー
  • 解決済

    回答
    3

    親要素に子要素の背景をつける事は可能でしょうか?

    初心者の質問です。 質問内容が無理難題でしたら、申し訳ありません。 親要素に子要素が重なるような背景を CSSで記述することは可能でしょうか? <注意事項> ※背景用のDIV(要素)を加えることはできない場合 ※レスポンシブに対応したCSS ※子要素の内容が増えると合わせて背景も長くなる

    • 0評価
    • 472PV
    riok riok 2ヶ月前に コメント
  • 解決済

    回答
    2

    レスポンシブデザインでtdタグをdisplay:list-itemにして最初の「・」だけ表示したい

    レスポンシブデザインで tdタグをスマホ(max-width:480px)で見た時は list-itemにし さらに「・」を非表示にしています。 スマホ(max-width:480px)で見た時に 最初の「・」だけ表示し あとは非表示にしたいのですが、できますか。 できるのであれば、やり方を教えてください。 <!DOCTYPE html> <html

    • 0評価
    • 120PV
    idkohhi idkohhi 2ヶ月前に コメント
  • 解決済

    回答
    2

    widthがpx指定されたPCサイトをレスポンシブ対応したい

    HTML、CSS初学者です。うまく質問ができずにすみません。 HTML、CSSの勉強のため、 既存PCサイト(http://sugoiweb.nezihiko.com/)の レスポンシブサイトを作成しています。(削除) https://karujag.github.io/sugoi/ PCサイトは既存サイトの幅を確認しながら作りました。 全体を囲むa

    • 0評価
    • 101PV
    karujag karujag 2ヶ月前に 回答
  • 解決済

    回答
    3

    レスポンシブ対応で、スマホを横向きにした時に画面が拡大して表示されてしまう。

    現在、企業のリクルートサイトをレスポンシブ対応で作成中です。 http://p56.proto.develop.lionheart.co.jp/job/newgraduate/ スマホを縦にして見た時はいいのですが、横向きにすると画面が拡大して表示されてしまいます。 レスポンシブのブレイクポイントは768pxに指定しているので、横向きサイズでも対応

    • 0評価
    • 191PV
    mts10806 mts10806 2ヶ月前に コメント
  • 解決済

    回答
    1

    レスポンシブデザインが実機でうまく効いてくれません

    現在、WEBページの制作を行なっているのですが、スマホ用とPC用で、 トップページの画像を切り替える、と行ったような実装を行なっております。 しかし、PCのブラウザ(chromeやsafari)のレスポンシブモードではうまく表示が切り替わるのに、 実機(iphone7)で見るとうまく表示が切り替わっていません。 (chromeやsafariのレスポンシブ

    • 0評価
    • 410PV
    sk_3122 sk_3122 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    contact formのレスポンシブと中央・左寄せ

    前提・実現したいこと wordpressのcontact form7で、スマホなどで見るとフォームの幅が狭くなってしまいます。 スマホなどのような特に画面が小さいデバイスで見たときにフォームを幅100%にするにはどうしたらよいでしょうか。 .wpcf7-form p { text-align: center; } また、↑のようにすると全部が中央寄せに

    • 0評価
    • 190PV
    aozuki aozuki 2ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    サイトで画像が入れ替わる現象

    現在WordPressでサイトを制作しているのですが画像が入れ替わってしまう問題が起きています。 テーマは自作テーマで、ベースとしてSageを使わせて頂いております。 現象の詳細を説明すると、 現在確認されているのはスマホ版においてのみ画像が入れ替わってしまう 画像の入れ替わり方はまちまち そのページ上全体に表示される画像が入れ替

    • 0評価
    • 852PV
    SatoshiSakai SatoshiSakai 3ヶ月前に 回答
  • 受付中

    回答
    0

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

    colorboxのポップアップ位置を調整したい。 サイト内の画像表示にjQueryプラグインのcolorboxを使用しています。 画像をクリックすると、画面中央にポップアップされます。 PC、スマホ縦のときでは表示に特に問題はありませんでした。 スマホを横に回転すると、画像が中央に来ない。 レスポンシブ対応として、リキッドデザインにしており、PCでは二列

    • 0評価
    • 293PV
    rrr6 rrr6 4ヶ月前に 質問を編集
  • 受付中

    回答
    1

    アンドロイドのタブレット端末で見た場合、拡大されて表示される

    レスポンシブサイトをアンドロイドタブレットで見た場合、拡大されて表示されてしまいます。 ピンチインすると正常に収まり、他ページに移ってもそのままで問題ありません。 これはアンドロイドでのみ起こり、iphoneやipadでは正常に見えています。 解決する方法はありますでしょうか?

    • 0評価
    • 115PV
    yoshinavi yoshinavi 4ヶ月前に 回答
  • 受付中

    回答
    1

    Bootstrapで思うようにレスポンシブされない【画像有り】

    前提・実現したいこと スマホで表示させた場合に、2つのDIV要素を縦1列で表示させたいです。 発生している問題・エラーメッセージ 縦に表示はされるのですが、下のDIVの幅が異常に狭いです。 上のDIVと同じように、画面両端まで埋まってほしいです。 該当のソースコード html <body> <div class="container-flu

    • 0評価
    • 227PV
    s8_chu s8_chu 4ヶ月前に 回答
  • 受付中

    回答
    1

    レスポンシブ表示時、右側に隙間が空いてしまう

    http://tipphoto.takutyamu.net/index.php 上記URLのサイトでレスポンシブ表示時、右側に隙間が空いてしまうのですが原因が分かりません。 投稿のカードがマージンライトが効いてしまっているのは既知ですが、それは関係ないようです。 どこが悪さしているのでしょうか。

    • 0評価
    • 136PV
    s8_chu s8_chu 4ヶ月前に 回答
  • 受付中

    回答
    2

    Bootstrapの既存のcssの調べる方法が知りたい。

    昨日から、Bootstrapを勉強している者です。 Bootstrapの、既存のCSSを調べる方法(cssが書かれているホームページ)が知りたいです。 よろしくお願い致します。

    • 0評価
    • 417PV
    mts10806 mts10806 4ヶ月前に 回答
  • 解決済

    回答
    2

    レスポンシブ でナビが右端に行ってしまうのを直したい。

    現在、あるHPの採用ページをレスポンス化しているのですが、 何故かスマホで表示されるナビの画像が、右端に出てしまいうまくレスポンシブにならない。 TOPだけはレスポンス対応になっているので、それを真似てみたがうまく行かない。 ID develop PASS PassW0rd http://p53.kunokin.develop.lionheart.co.jp

    • 0評価
    • 127PV
    TomokiSugiura TomokiSugiura 4ヶ月前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    179

  • 総質問数

    190

  • 今週の質問数

    1

関連するタグ

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

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