に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

css3 - グラフィックとテキストに対応したスタイル

PC デスクトップでこのページをレスポンシブにする: 1 つの方法は画像を直接レスポンシブにする方法ですが、唯一の欠点はテキストがぼやけ、効果が完璧ではないことです。 , このように、テキストのサイズを適応させる必要があり、テキストの位置関係を適切に行うのはさらに困難です...

習慣沉默 2017-05-16 13:20:57

Flex に埋め込まれたレスポンシブ YouTube

レスポンシブ YouTube やその他のコンテンツを Flex コンテナに埋め込もうとしましたが、YouTube の埋め込みが含まれるコンテナが拡張されないため、他の要素と重なっているか、他の要素と重なっています。うまく説明できたかどうかわからないので、デモ用のコードとボックスも作成しました: https://codesandbox.io/s/objective-mountain-m4dhhb?file=/src/App.jsimport{Box,Paper }「@mui/mat から」

P粉111641966 2024-03-21 23:20:29

画像とコンテンツを含むレスポンシブなページをデザインする

私はフロントエンドを初めて使用するため、レイアウトと応答性にいくつかの問題を抱えています。これはこれまでの私のコードです: body{margin:0;background-color:#353535;}.header{color:white;text-align:center;font-size:20px;margin:auto;font-family :'Inter ',セリフ;フォントの太さ:太字;幅:700ピクセル;

P粉676588738 2023-09-07 15:55:30

css - 背景画像を含むレスポンシブレイアウトを記述する方法

これと同様に、背景画像を含むコンポーネントを作成したいのですが、背景画像のサイズを 100% にすることはできず、中央にコンテンツ、左側に画像、右側にテキストがなければなりません。反応しますか？

怪我咯 2017-07-06 10:37:20

ionic Angular と ngfor でレスポンシブグリッドを作成するにはどうすればよいですか?

ionicAngular と ngfor でレスポンシブなグリッドを作成するにはどうすればよいですか?グリッドテンプレートを説明するには、ここに画像の説明を入力します: <ion-grid><ion-row><ion-col><ion-item*ngFor="letprodofdisplayedList" class="item-entry"detailrouterLink=&quot

P粉106715703 2023-09-14 22:57:49

SVG イメージを使用してレスポンシブグリッドエリアを作成できません

SVG 画像を含むレスポンシブなグリッド領域を作成しようとすると、グリッド領域の幅が任意になったり、画像を停止せずに特定の点まで拡大または縮小したりできないなどの奇妙な動作が発生します。私が得た最も近いものは次のとおりでした: *{box-sizing:border-box;}body{margin:0;}header{display:grid;grid-template-columns:auto1fr;background-color:green;padding:1r

P粉022140576 2023-08-30 19:15:16

ヘッダー画像、テキスト、ボタンをレスポンシブにする方法

Bootstrap5を使ってWebサイトを作っています。ウェブサイトのヘッダーでは、Bootstrap のカルーセルをヘッダーに使用しています。カルーセル画像では、テキストやボタンを表示することもできます。画像、テキスト、ボタンをレスポンシブにしたい。メディアクエリを使ってみましたがやり方がわかりません。 test.html<!doctypehtml><htmllang="en"><head><metacharset="ut

P粉604507867 2023-09-17 09:51:15

レスポンシブ画像とテキスト Div を並べて表示

そこで、1 つの div が画像で、もう 1 つが背景付きのテキストであるテンプレートを作成しようとしています。次に、このテンプレートをレスポンシブにして、テキストが特定のピクセル幅で画像の下に表示されるようにしたいと思います。 stackoverflow を調べてみると、Flexbox を使用するべきだという投稿が無数にありました。試してみましたが、完全には理解できませんでした。したがって、デスクトップでは次のようになります: https://i.stack.imgur.com/HDehv.jpg スマートフォンでは、ここにジャンプするはずです https://i.stack.im

P粉005134685 2024-04-02 08:59:38

Vue 3 でコンポーネントインスタンスに非応答データを設定するにはどうすればよいですか?

Vue2 についても同様の質問があり、$options を使用することが推奨されていました。ただし、Vue3 では機能しないようです。まず、Vue3 のドキュメントには、$options は読み取り専用であると記載されています。そのため、コンポーネントがマウントされているときにインスタンスでツールチップを初期化しようとすると、非常に奇妙な動作が発生します。ツールチップが表示されるとき、ツールチップは最後に作成されたコンポーネントから表示されるため、$options が何らかの形で「グローバル」になっているようです「？ツールチップをデータに入力すると、すべてが正常に機能しますが、どうやらツールチ...

P粉973899567 2023-08-25 23:08:24

子要素からセルの行インデックスを見つけることができない jQuery データテーブルを応答性にすることはできません

入力フィールドのあるデータテーブルがあります。ユーザーがフィールドに入力したとき、入力した行番号を見つける必要があります。以前に質問し、良い回答を得ましたが、データテーブルが応答性があり、フィールドがポップアップ内にある場合、回答は機能しなくなります。これは私のコードです: functiondrawInput(data,type,row,meta){return'<inputid="r'+meta.row+'c'+meta.col+'"v

P粉916760429 2023-09-12 18:59:54

タイトルを次のように書き換えます: 1 つの項目を true に設定し、他のすべての項目を false に設定した VueJS 応答要素

VueJSのコンポジションAPIを使用してアプリケーションを開発しています。ページ上のすべてのボタンがクリックされたとき、以下に示すように応答要素を設定しました constsections=reactive({section1:true,section2:false,section3:false,section4:false,section5:false,section6:false}) (他の多くの操作の中でも) ブール値に基づいて個々の要素を表示および非表示にしたい

P粉786800174 2023-08-28 20:55:03

JavaScript - Vueの応答性の問題

{コード...} コンソールに表示します: vm.count.id-- items.id も変更されていることがわかります。明らかに count.id を変更しただけですが、同期を回避するにはどうすればよいですか? count.id を変更したいだけです。

滿天的星座 2017-05-19 10:39:39

JavaScript が期待どおりに実行されない

htmlcssjs をレスポンシブにしようとしていますが、期待どおりに動作しません。最小化するとすでにレスポンシブになりますが、onclick では動作しません。ナビゲーションとナビゲーションバーが表示されず、クリックしても消えます。 htmlとcssは機能していますが、jsは何が間違っているかわかりません誰かが私を助けてくれますか？ letmenu=document.querySelector('#menu-icon');letnavbar=document.querySelector('.navbar');

P粉005134685 2024-04-04 13:05:32

導入できる信頼できるプレーヤープラグインはありますか？

応答性が高く、ダウンロードボタンや共有ボタンがないことが最善です。皆さん、よろしくお願いします！

phpcn_u47953 2017-11-15 08:47:06

レスポンシブブロックをフレックス列に配置する

ヘッダー、ボード、フッターのあるゲーム Web サイトを持っています。 3 つすべてがビューポート内に収まるようにする必要があります。これを実現するには基板を小さくする必要があります。縮小化が私が抱えている問題です。幅を応答させることはできましたが、高さを制限することはできませんでした。ボードは正方形のままで未使用のスペースを占めるか、オーバーフローを防ぐために縮小する必要があります。以下のようなことをしているのですが、チェス盤が親の高さからはみ出してしまいます。実際のコードでは、行の折り返しによりヘッダーの高さは不明です。フッターにはさまざまな量のテキストが含まれます。チェス盤の内部には、行...

P粉545682500 2023-09-03 19:51:51

レスポンシブなドロップダウンメニューを作成する方法

ハンバーガーメニューのアイコンが右側、画像が左側にある必要があります。メニューをクリックして開くと、ロゴhomeAboutusgallerycontactが含まれるドロップダウンメニューが展開されます。 <divclass="rectangle1"><ulclass="dropdown"><liclass="li1"><ahref="

P粉521013123 2023-09-04 15:47:42

html5 - レスポンシブ WEB、メディアクエリの問題。

{code...} これら 2 つのメディアクエリについて、デバイスの幅が正確に 768 ピクセルであるかどうか、どのメディアクエリがそれに適用できるのか、または 2 番目のメディアクエリは (x>=768&&x<1200 ?? ?)。また、この2つのメディア取材に順番はあるのでしょうか？

漂亮男人 2017-07-03 11:41:25

背景画像にレスポンシブ PNG 画像?

私は次のようなページデザインを作成しようとしています: クリックして実際に成功しました。問題は、Web ページの解像度を変更すると、要素が重なり、背景の div と PNG の動作が異なり、すべてがひどいものになることです。 (position:absolute(PNG)とposition:relative(background)を使用してみました)

P粉107991030 2024-02-21 21:06:46

Comboposition API での可変応答性の喪失

useForm ヘルパーから Ranks_options のランク配列を取得しようとしていますが、現在の配列を追跡できません。以下のコードを確認してください constform=useForm({name:null,ranks:[],});functionaddRanks( ){form.ranks .push({name:null,id:null});}ranks_options=form.ranks.map(function(value){

P粉141925181 2023-09-16 22:54:36

javascript - Vue の計算プロパティの基礎となる依存関係の原則は何ですか?

計算されたプロパティの {code...} 属性 a および b が変更されると、計算されたプロパティもそれに応じて変更されます。このメカニズムはどのように実装されているのでしょうか? aとbの内部の変化はどのようにしてわかりますか?

ringa_lee 2017-06-17 09:16:34