Firefox で「」のサイズが適切に変更されないのはなぜですか?

<フィールドセット>サイズ変更の問題

問題:

A

含まれている が含まれている場合でも、親コンテナ内に収まるように幅をサイズ変更できません。要素の最大幅は 100% です。この問題は、Firefox および Android 版 Firefox でのみ発生します。

原因:

Gecko ブラウザ (Firefox を含む) では、フィールドセットの最小幅が固有の幅と同じに強制されています。デフォルトではコンテンツの幅。この動作は、Gecko のレンダリング エンジンではオーバーライドできません。

解決策:

Firefox でのサイズ変更の問題を解決するには、フィールドセットの表示プロパティを次のいずれかの値に設定します。

• テーブルセル(推奨)
• テーブル列
• テーブル列グループ
• テーブルフッターグループ
• table-header-group
• table-row
• table-row-group

さらに、この修正を他のブラウザから隠すには、@-moz-document CSS 拡張機能を使用します:

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

注: この @-moz-document ハックは Firefox 53 では必要なくなりました。根本的なバグは修正されたため、後で説明します。

以上がFirefox で「」のサイズが適切に変更されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

前の記事：Decoding StyleX: メタの最先端スタイリング システム 次の記事：ID とクラス: 各 CSS セレクターをいつ使用する必要がありますか?

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

最新の問題

• CSSフィルターとは何ですか？それらをどのように使用して画像やその他の要素を操作しますか？
  2025-03-20 17:49:33
• CSSのcalc（）関数は何ですか？どのように使用できますか？
  2025-03-20 17:47:08
• CSS変数（カスタムプロパティ）とは何ですか？それらをどのように使用しますか？
  2025-03-20 17:46:27
• モバイルファーストデザインとは何ですか？モバイルファーストアプローチを使用することの利点は何ですか？
  2025-03-20 17:43:05
• メディアクエリで使用できるさまざまなメディアタイプとメディア機能は何ですか？
  2025-03-20 17:40:54

関連トピック

詳細>

• Pythonのsort()関数の使い方の紹介
• ブラウザプラグインとは何ですか
• ラップトップのサウンドカードドライバー
• MySQLでパスワードを変更する方法
• ビッグ データ ストレージ ソリューションとは何ですか?
• 今日のヘッドラインビデオをダウンロードして保存する方法
• 月機能の使い方
• win10でジャンクをクリーンアップする
• orientdb

人気のおすすめ

• 表示楕円を超えるようにCSSを設定する方法
• CSSでフォントサイズを設定する方法
• CSSでホバーを使う方法
• CSSで文字間隔を設定する方法
• css3の新機能とは何ですか？

人気のチュートリアル

詳細>

関連するチュートリアル

人気のおすすめ

最新のコース

• 
  最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)

  1438455
• 
  PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ

  4299443
• 
  JAVA 初心者向けビデオチュートリアル

  2675359
• 
  Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル

  517521
• 
  PHP ゼロベースの入門チュートリアル

  878754

• 
  最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)

  1438455 回の学習
• 
  JAVA 初心者向けビデオチュートリアル

  2675359 回の学習
• 
  Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル

  517521 回の学習
• 
  Web フロントエンド開発の簡単な紹介

  217203 回の学習
• 
  PSビデオチュートリアルをゼロからマスターする

  923520 回の学習

• 
  [Web フロントエンド] Node.js クイック スタート

  9899 回の学習
• 
  海外のWeb開発フルスタックコースの完全なコレクション

  7957 回の学習
• 
  Go言語実践GraphQL

  6769 回の学習
• 
  550W ファンマスターが JavaScript をゼロから段階的に学習します

  846 回の学習
• 
  Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる

  33000 回の学習

最新のダウンロード

詳細>

ウェブエフェクト

公式サイト

サイト素材

フロントエンドテンプレート

• [フォームボタン] jQuery エンタープライズ メッセージ フォームの連絡先コード
• [プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果
• [メニューナビゲーション] HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果
• [フォームボタン] jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード
• [プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤー コード
• [html5特殊効果] 古典的な HTML5 プッシュ ボックス ゲーム
• [画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール
• [フォトアルバム効果] CSS3 個人アルバム カバー ホバー ズーム効果

• [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
• [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
• [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
• [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
• [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
• [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート

• [PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG)
• [PNG素材] 4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)
• [バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）
• [PNG素材] 金色の卒業帽ベクター素材（EPS+PNG）
• [PNG素材] 黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)
• [PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材（EPS+PNG）
• [バナー画像] フラット スタイルの植樹祭バナー ベクター素材 (AI+EPS)
• [PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材（EPS+PNG）

• [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
• [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
• [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
• [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
• [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
• [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート

福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！

私たちについて 免責事項 Sitemap

© php.cn All rights reserved