responsive-design

1熱

1答えて

PC、タブレット、スマートフォンにマッチさせるために適用する設計手法は何ですか？

これまでは、Javascript、jQueryの助けを借りて、主にPC（デスクトップ）に適したWebサイトを作っていました。小さなウェブサイトを作成する必要がありますメニュー、ポップアップ、ダイアログ、チャート、テーブルセルのクリックイベント（マウスまたはタッチデバイス）によるデータの入力と修正、追加統計、数学、統計などの表形式の作業時間レコードは、私はjQueryモバイルを含む別々のバージョンを

0熱

1答えて

モバイルデバイスでポップアップdivを作成する

モバイルデバイスでポップアップdivを反応的にするようにしています。それは完全に正常にウェブサイト上で動作しますが、私の携帯デバイスでは、ポップアップを終了することはできませんし、それは大きすぎます。私はメディアクエリを使用する必要があると仮定していますが、私はいくつか試してみましたが、私はメディアクエリにあまり経験はありません。私は自分の問題のスクリーンショットとポップアップウィンドウのコードを

1熱

1答えて

ブラウザのサイズが

のJavascriptスライドショーをどのようにスケールするのですか？Javascript/jQueryでこの小さな自動スライドショーをやったことがあります。それは本当にうまく動作しますが、画面サイズでどのように拡大縮小するのか把握することができません。現在、1920x1080に最適化されています。この値（document.body.style.width）を運のないwidth変数に割り当てよう

0熱

3答えて

ScrollView内で中間の塗りつぶしの高さを維持する方法（存在する場合）

たとえば、LinearLayout内に500dpと150dpのTextViewが必要です。大画面：とNOが存在する場合、任意の残りの高さ（：大画面デバイスで例えば）がある場合は応答レイアウトのため、その中央に、赤の領域が存在することになりますスペース（例：小さな画面のデバイスで）残っている：スモールスクリーン：、赤いエリアとスクロール可能になっビューはないだろう私が試した： activi

0熱

1答えて

ブートストラップで画面サイズに基づく行のDiv要素の数を変更する

0熱

1答えて

これらの要素がモバイルサイトに表示される理由は誰にも分かりますか？

私のページhttps://newsotuniverse.blogspot.ca/のモバイル版から2つの要素を取り除く方法を見つけようとしています。「ニュースレター」と「Threetabs」の2つの要素は、私が何をしてもモバイルサイトに表示され続けます。誰もがデスクトップサイトに表示されている間に（モバイルサイトで）どのようにそれらを取り除くことができるか考えていますか？ジャストコード（要素を検

0熱

1答えて

html nav-barを反応的に調整する方法

私はメニューバーを構築しようとしています。私はtwitterのブートストラップで使用しています。は、通常のサイズのページでは、それはよさそうだ：私はメディアにページのサイズを変更するとが、それは次のようになります。と小さなサイズのページにそれが見えますlike：これは私のhtmlコードです： <header id=""> <nav class="navbar navbar-i

-1熱

2答えて

分割画面レイアウトを反応的にする

最近私はHTMLとCSSを学び始めました。練習のために私はポートフォリオのウェブサイトを作成しています。私は今作ったサイトがあまりないと知っていますが、スプリットスクリーンレイアウトに関する質問があります。質問は次のとおりです。これをどのように対応させることができますか？応答性とは、画面のサイズにかかわらず、画面の幅と高さが同じであることを意味します。私はレスポンシブルデザインではあまり実践して

0熱

2答えて

CSS - ページのサイズを変更すると、セクション全体が消えます。

私のホームページにいくつかのメディアクエリを追加しようとしています。ページのサイズを変更すると、セクション全体が途切れてしまいます。セクションはヘッダーのすぐ下にあり、その上に画像がある背景画像（aタグも含まれています）を含みます。セクションの裾には小さなストリップセクション（.showreel）もありますが、これも消えます。このセクションのためのCSSです - 私はこれがかもしれないと思う @

-1熱

1答えて

CSS3 Media Queryが動作しない

メディアクエリがまったく動作しないという問題があります。 > #serviceIcons { > > position: relative; > top: 25px; > width: 250px; > } > > @media only screen and (max-width: 768px;) { > > #serviceIcons { > > po