適応的な幅と高さを持つ9つの正方形グリッドの背景画像の切り取りの分析
|
<br />幅と高さが適応するオリジナルの 9 グリッド レイアウトをベースに、ネットワーク コストを削減するために 8 つの背景画像リクエストを 1 つに変更するなど、いくつかの最適化を行いました。実は、これらは簡単なヒントにすぎません。写真の切り取りに非常に厳格にこだわる場合、1px の非対称性があると問題が発生します。以下の例の切り取り分析に注意してください。 RAR:モジュール.zip 説明書： 画像切り取り解析  鍵となるのは、部分的に透明な背景画像を使用し、適応的に拡張された各 XHTML 部分の背景を読み取るための追加の <SPAN> タグを追加して、拡張された背景を左または右、または上下に交互に埋めることです。 IE が 100% の高さに到達できない問題を解決するために、左右の拡張高さは 3000px の絶対値単位 (必要に応じて調整) として記述されます。 欠点: 背景画像は透明である必要があるため、JPG 形式の画像は使用できません。 （誰かがこの問題を解決してくれることを願っています） |
<<: dockerでopenGaussデータベースを構成する方法の詳細な説明
推薦する
JavaScript parseInt() と Number() の違いのケーススタディ
学習目標: parseInt() と Number() という 2 つの関数は、文字列をデータ型に変...
TypeScript のクラス
目次1. 概要2. シンプルなクラスを定義する3. 継承4. public、private、prot...
chkconfig および systemctl コマンドを使用して Linux サービスを有効または無効にする方法
これは Linux 管理者にとって重要な (そして素晴らしい) トピックなので、誰もが Linux ...
Linux ユーザー グループと権限の概要
ユーザーグループLinux では、すべてのユーザーはグループに属する必要があり、Linux には次の...
div要素に丸い境界線を追加する方法
以下のように表示されます。 CSSコードコンテンツをクリップボードにコピー分割{境界線: 2px 固...
HTML で自動ページジャンプを実現する 5 つの方法
前回の記事では、HTML ページが 3 秒後に自動的にジャンプする一般的な 3 つの方法を紹介しまし...
開発にVscodeとdockerを組み合わせて使用する詳細なプロセス
序文Docker と VS Code を使用すると、ローカル開発環境全体を最適化し、プロジェクトの進...
IE8 と Chrome でテーブルの幅を修正する方法
IE8 や Chrome で上記の設定を使用すると、画面の最大幅に合わせて表示が統一され、各列の幅は...
Centos に MYSQL8.X をインストールするチュートリアル
MySQLのインストール（4、5、6は省略可能）ステートメント: CentOS のバージョンは 7....
MySQLで時間別データと最後の時間別データの差をクエリするアイデアの詳細な説明
1. はじめに要件は、特定の時間範囲内で、1 時間ごとのデータと前の 1 時間ごとのデータの差と比率...
Vueは画像切り替え効果を実現
この記事の例では、画像切り替え効果を実現するためのVueの具体的なコードを参考までに共有しています。...
Alibaba Cloud Serverにプログラムをデプロイし、ドメイン名を使用して直接アクセスする方法の詳細な説明
何もすることがなかったので、学習用に最も安いAlibaba Cloudサーバーを購入しました。年間3...
MYSQL の COLLATE とは何ですか?
序文MySQL で show create table <tablename> コマンド...
MySQL で乱数を生成し、文字列を連結する方法の例
この記事では、MySQL が乱数を生成し、文字列を連結する方法について例を使用して説明します。ご参考...
Reactマウスの複数選択機能の設定方法
一般的に、リストには選択機能があり、単一選択、二重選択、複数選択が非常に一般的です。カスタム ループ...