CSS3 で transform を使用した場合のフォントぼかしの解決方法の詳細な説明
|
この質問は非常に奇妙なので、あまり多くを語らずにコードに直接進みます。
.g-ダイアログラッパー{
位置: 固定;
上位: 50%;
左: 50%;
変換: translate(-50%, -50%);
ディスプレイ: フレックス;
flex-direction: 列;
幅: 405ピクセル;
背景色: #ffffff;
高さ: 226px;
-webkit-box-shadow: 0 0 2em #5191f1;
-moz-box-shadow: 0 0 2em #5191f1;
ボックスシャドウ: 0 0 2em #5191f1;
境界線の半径: 3px;
zインデックス: 9999;
}上記の CSS スタイルにより、ページのフォントがぼやけてしまいます。
ネットで調べたところ、ブラウザのレンダリングに問題があるようです。transform の値はベースとして設定できませんが、ベースではないことを明確に述べました。 変換: translate(-50%, -50%); 後でいくつか変更を加えて、幅と高さを偶数に変更しました。 幅: 404ピクセル; 高さ: 226px;
CSS3 で transform を使用したときにフォントがぼやける問題を解決する方法についての記事はこれで終わりです。CSS3 で transform を使用したときにフォントがぼやける問題の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
推薦する
CentOS に Memcached と PHP Memcached 拡張機能をインストールする
高性能分散メモリオブジェクトキャッシュシステムMemcachedについては、別の記事「Windows...
Vue テンプレートのコンパイルの詳細
目次1. 解析する1.1 傍受のルール1.2 傍受プロセス部分1.3 パーサーの概要2. 最適化する...
mysql5.7.14 解凍版インストールと設定方法 グラフィックチュートリアル (win10)
Win10はmysql5.7の解凍版をインストールします。参考までに、具体的な内容は次のとおりです...
SQL効率を分析する方法を説明する
Explain コマンドは、データベースのパフォーマンス問題を解決するために最初に推奨されるコマンド...
mysqladmin を使用して MySQL インスタンスの現在の TPS と QPS を取得する方法
mysqladmin は管理と操作を行う公式の mysql クライアント プログラムです。MySQL...
クロスブラウザ開発体験のまとめ（I）HTMLタグ
ページにDOCTYPEを追加するブラウザによってタグやスタイルシートの解釈が異なるため、さまざまなブ...
jar パッケージを Docker コンテナに変換する方法
jar パッケージを Docker コンテナに変換する方法1.まずJavaイメージをダウンロードする...
Mysql クエリの結果セットを JSON データに変換するサンプル コード
Mysql はクエリ結果セットを JSON データに変換します 序文 学生テーブル 学生スコアテーブ...
Nginx の高同時実行最適化の実践
1. チューニングの必要性 私は、どのように書けばいいのか本当に分からないので、共有するために最適...
MySQL はリレーショナルデータベースですか?
MySQL はリレーショナル データベース管理システムです。リレーショナル データベースは、すべて...
n 個のコンテナ要素による無限スクロールの実装コード
シナリオ最大 10000 要素のリストを正しくレンダリングする方法。無限ドロップダウン読み込みテクノ...
CentOS6で定期的にjarプログラムを実行するスクリプトをcrontabで実行する
1. 簡単なJavaプログラムを書く パブリッククラステストシェル{ パブリック静的voidメイン(...
MySQL 外部キー制約の一般的な操作の例 [表示、追加、変更、削除]
この記事では、例を使用して、MySQL 外部キー制約の一般的な操作について説明します。ご参考までに、...
Dockerコンテナはルーティングを介して直接通信し、ネットワーク通信を実現します。
概要Docker 自体の現在のデフォルト ネットワークについては、単一ホスト上の異なる Docker...
HTMLは読み取り専用のテキストボックスを実装しており、コンテンツを変更することはできません。
さっそく、コードを直接投稿します。具体的なコードは次のとおりです。 <!--方法 1: onf...