JavaScript - フロントエンドで高画質な画像を複数端末に対応させる方法

高画質な画像をPCやモバイル端末など複数の端末に対応させるにはどうすればよいですか? モバイル端末にはAndroidやAppleなどが含まれます。

淡淡烟草味 2017-05-16 13:36:58 0  3  536

html5 - 画像が変形しないように、背景画像を携帯電話の全画面表示 (コンテンツが比較的長く、スクロール バーがある) にするにはどうすればよいですか?

モバイル Web ページに背景画像が必要です。背景画像を変形せずに全画面表示するにはどうすればよいですか?今の設定だと背景が変形してしまいます！神様に聞いてください！

为情所困 2017-05-16 13:25:30 0  4  1119

http-2 - Nginx が h2 を有効にする Chrome が net::ERR_SPDY_PROTOCOL_ERROR エラーを報告する

nginx で h2 を設定します。多くの画像をロードすると、Chrome では GET https://test.com/img/001.jpg net::ERR_SPDY_PROTOCOL_ERROR が報告されますが、最初の 12 個の画像はロードできます。はい、モバイルとエッジの両方に追加できます。

PHP中文网 2017-05-16 17:08:10 0  1  1875

JavaScript - モバイルCSSアニメーションの再生状態の一時停止がiOSでは機能しませんanimation-play-state

モバイル CSS アニメーションの再生状態の一時停止が、iOS では機能しません anime-play-state 画像をクリックして停止し、画像をクリックして回転を続けたいと考えています。これは Android スマートフォンでは実現できますが、iOS では、画像を初めてクリックすると、静止した動きはせずに回転し続けます。代わりに、2 回目にクリックすると...

给我你的怀抱 2017-06-26 10:53:05 0  1  1244

JavaScript - モバイル端末への影響は小さい

下にスクロールすると、背景画像が縮小します。 質問: このアニメーションをよりスムーズに作成するにはどうすればよいですか (モバイル版)?

过去多啦不再A梦 2017-05-16 13:25:36 0  2  823

オーバーレイ画像を画像境界内に保ちます - 画像にのみ貼り付くように制限します

画像にオーバーレイを貼り付けようとしていますが、このオーバーレイは上部のメニューバーにまで広がっており、画像に貼り付ける方法がわかりません。画像のサイズを変更したり、位置を変更したりするさまざまな方法を試しましたが、それでもメニューバーにはみ出してしまいます。上部の位置を調整すると全画面表示になるための小さな修正ですが、モバイルではメニューが非表示になるため機能しません。そして、サイズが変更されると、画像の下に流れます。 header{border-bottom:5pxsolidcoral;font-family:A

P粉838563523 2023-09-20 22:57:13 0  1  638

Amap ブラウザを使用してアドレスを見つけてドラッグし、携帯電話の WeChat で開きます (WIFI ではすぐに開きますが、4G では開けません) 緊急! ?

ローカルに構築されたモバイル ブラウザの位置決めおよびアドレスのドラッグ機能は 4G ではオンにできませんが、WIFI はオンにできます。コードとQRコード画像を添付します

怪我咯 2017-07-01 09:12:17 0  3  2271

php - iOS上でemjioをリモートでプッシュする方法と連携方法

リモートでポップアップウィンドウを押したときにemjioの絵文字を表示するというもので、「画像アップロード中…」モバイル端末とサーバーはどのように連携する必要があるのでしょうか？

PHP中文网 2017-06-24 09:41:28 0  3  740

javascript - PC上で画像をドラッグしてスクロールバーと同期する例

マスターの皆様、画像をドラッグしてスクロールバーと同期させるデモ例はありますか？モバイル端末のタッチ動作に似ており、スクロールバーが次々と移動します。インターネット上の例は私にとって実用的ではありません。

PHP中文网 2017-05-19 10:13:37 0  2  522

メディアクエリによりテキストが圧縮される

そこで私は現在、友人がスタートアップ企業で使用するウェブサイトを構築するのを手伝っています。 「会社概要」セクションで問題が発生しました。コンピューターでは画像なので、Flexbox を使用して画像の横にテキストを追加します。ただし、モバイルでは、テキストは画像の下にある必要があります。ただし、現在テキストは画面の半分を占めており、画像の上に収まるように押しつぶされています。いろいろ試してみましたがわかりません。何らかの助けが得られることを願っています。いろいろ試してみましたがわかりません。何らかの助けが得られることを願っています。

P粉978551081 2024-03-20 11:44:46 0  1  439

JavaScript - remユニットの互換性の問題、oppo独自のブラウザ画像の高さが制御されていないのはなぜですか

rem を使用してモバイル ページを作成します。テスト段階では問題はありませんでした。IOS、Android、その他の携帯電話では、すべてが完璧でした。しかし、oppo 携帯電話に付属のブラウザでページを開くと、rem が失敗しました。唯一の画像の高さが失敗し、すべての画像が完全に無効になりました。何故ですか？これは、残りを制御する JavaScript コードです。

大家讲道理 2017-06-26 10:53:25 0  1  1151

jsは単一ファイルの読み込み進行状況を検出できますか

最近、会社はモバイル Web ページを開いたときにリソースの読み込みの進行状況を表示するという要件を設けました。例えば全体画像の読み込みをプログレスバーのデータとして入れてみました。しかし、リーダーは、単一ファイル リソース (ネットワークが極度に貧弱な場合の CSS、JS、画像、その他のリソースなど) の読み込みの進行状況を表示できるようにしたいと考えています。 ...

代言 2017-06-12 09:19:06 0  1  622

HTML ニュースレターを電子メールで送信する

メールの受信に関して気に入っているのは、Gmail のモバイル表示が壊れているように見えることです。ビューは背景画像から、切り抜きごとに入力できる構造に変わります。手伝ってもらえますか？必要なものはすべてすぐに手に入る

P粉486138196 2023-08-01 19:17:50 0  1  669

Vuetify を使用してモバイル画面上で表を全幅に表示できますか?

Vue2 と Vuetify を使用して、小さな画面でテーブルの「縮小」を実現できますか?表をモバイル画面上で全幅のままにし、拡大できるようにする必要があるという課題があります。基本的に img のような動作を実現します。基本的には、v-data-table を使用して、この画像から 2 番目の画面を実装する必要があります。 「どちらも同じように悪い」としても、2 番目の解決策が必要です。 Vuetify 専用のソリューションはありますか?

P粉842215006 2023-08-30 20:56:28 0  1  635

次の js; 一部のモバイル デバイスではコンポーネント内のテキストがぼやけます

タイトルの通り、nextjs ページの一部のテキストがぼやけて見えますが、一部のモバイル デバイスではオンラインで表示されるという問題がまだ発生しています。私はこれを最も顕著に感じたのは一部の iPhone です。コンソールを使用してモバイル レイアウトをテストする場合、これはモバイル デバイスにも当てはまります。これは、私のページ上の 2 つのコンポーネントに関する問題です。どちらのカードも裏返すと裏面が表示されます。また、Framermotion を使用してアニメーション化されます。スタイル設定は Tailwind で行われ、ページの他の部分の通常のテキストは通常​​どおり表示されます。理...

P粉329425839 2023-09-12 21:31:00 0  1  651

CSS に alt/aria-label を直接追加できますか?

現在、当社のウェブサイトでいくつかのアクセシビリティチェックを完了しています。見つかった問題の 1 つは、モバイル バージョンの 2 つのアイコンに「認識可能なテキスト」が必要であるということでした。このページ - https://sthelens.ac.uk/kcc-course-enquiry - モバイル バージョンを表示するときに、検索してください。アイコンとハンバーガー メニュー アイコンの代替テキスト。しかし、どこで制御されているのかがわかりません。画像を割り当てるCSSファイルを見つけました。代替テキストを CSS に直接追加できますか? それとも別の場所で見つける必要があります...

P粉106711425 2023-09-05 14:53:48 0  1  665

モバイル上のカスタム Bootstrap 5 カルーセル (複数の項目、ただし 1 行ではない)

モバイル デバイスでカルーセル レイアウトをカスタマイズしようとすると問題が発生します。モバイル上でカルーセルの項目を 1 つだけではなくすべて表示したいのですが、いくつかの CSS と JS、特に displayfloat または max-witdh を使って試した後、これは不可能だと思い始めています。どこを見ればよいかわからない、間違った場所や物件を表示している。私が何を達成しようとしているのかがわかるように、2 つの画像を含めました。私が達成しようとしているもの: 私が持っているもの: サンプル HTML コードは非常に基本的なコードです。CSS は含めていません。

P粉763662390 2023-09-05 11:53:56 0  1  594

JavaScript - より信頼性の高いモバイル画像ビューア プラグインを探しているなら、経験豊富なユーザーがすぐにやって来ます。

ドライバーの皆様、これはモバイル版ですのでご注意ください。

漂亮男人 2017-06-05 11:13:17 0  2  669

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  822

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  724