Können Medienabfragen die Größe von Elementen basierend auf den Abmessungen eines Divs ändern?

Dynamische Größenänderung von Elementen innerhalb eines Div mithilfe von Medienabfragen

Die gestellte Frage ist, ob Medienabfragen Elementgrößen basierend auf den Abmessungen eines Div-Elements anpassen können statt der Bildschirmauflösung. Medienabfragen sind für geräte- oder medienspezifisches Styling gedacht, basierend auf Ansichtsfenster- oder Bildschirmabmessungen und nicht auf Elementgrößen.

Um den gewünschten Effekt zu erzielen, sollten Sie die Containerabfragen, speziell entwickelt, um Stile basierend auf den Abmessungen eines Containerelements anzuwenden. Überprüfen Sie die Browserkompatibilität hier: https://caniuse.com/?search=container querys.

Anstelle von Medienabfragen und für ältere Browser wenden Sie JavaScript an, um Änderungen in der Größe des gewünschten div-Elements zu überwachen. Moderne Layouttechniken wie Flexbox und benutzerdefinierte Eigenschaften können auch die Notwendigkeit von Medien- oder Elementabfragen vollständig überflüssig machen, wie das von Djave bereitgestellte Beispiel zeigt.

Das obige ist der detaillierte Inhalt vonKönnen Medienabfragen die Größe von Elementen basierend auf den Abmessungen eines Divs ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!