I folgende Markup (für demostration vereinfacht) habenCss Medienabfragen Prozent Breite
https://jsfiddle.net/n07znakb/3/
<div id="wrapper">
<div class="playlist-inner">
<div class="playlist-content">
<div class="playlist-item"></div>
<div class="playlist-item"></div>
<div class="playlist-item"></div>
<div class="playlist-item"></div>
<div class="playlist-item"></div>
</div>
</div>
</div>
Playlist-Gehalt ist die Breite der 1000px (die Playlist-Artikelnummer x Playlist-item Breite) , Habe ich das in Javascript gesetzt.
Wenn es 10 Wiedergabelisten-Elemente gäbe, wäre die Breite zum Beispiel 2000px.
Ich mag folgendes erreichen:
Wrapper max Breite 600px, 3 Playlist-Elemente sind sichtbar (das funktioniert) wenn die Wrapper Breite zwischen 600 und 400 Pixel ist, ich will Playlist Artikel 33,3% liegt Breite der Playlist-Inner (das ist die zweite obere Elternteil!), so 3 Playlist-Elemente sichtbar. Wenn die Breite des Wrappers unter 400px Breite liegt, möchte ich, dass die Wiedergabelisten-Elemente 50% der Breite der Wiedergabeliste-inner sind (was der zweite obere Parent ist!), Also 2 Playlist-Einträge sichtbar.
Ich weiß, dass ich das mit Javascript tun kann. Ich frage mich, ob ich es mit CSS alleine machen kann?
Mit aktuellen CSS funktioniert es nicht, da 33,3% width Einstellung übergeordnete Breite, die Wiedergabeliste-Inhalt ist, aber ich möchte 33,3% Breite von einem weiteren oberen Elternteil, die Wiedergabeliste ist.
Hoffentlich wird jemand verstehen.
Aber dies nicht meinem Beispiel folgen, ich habe Artikel in Mutter in einzelnen Zeilen dann von Anthere Eltern gefolgt, die eingeschränkten Breite. Ich möchte meine Artikel auf dem oberen Elternteil sortieren. – Toniq
@ Toniq Ich denke nicht, Sie können die Kinder von einem anderen Elternteil Größe, es sei denn, Sie tun eine Javascript-Lösung. Warum brauchst du das innere Elternteil? So funktioniert es nicht. Stellen Sie nur sicher, dass das übergeordnete Element für Ihre Elemente eine Breite hat und auf position: relative festgelegt ist. Die untergeordneten Elemente sollten nur diesem übergeordneten Element folgen. Wenn du den inneren Elternteil brauchst, kannst du mit absoluter absoluter Position davonkommen, damit deine Kinder dem nächsten Elternteil folgen, aber ich bin mir nicht sicher. Was Sie versuchen zu tun, folgt nicht den Standards, wie ich es sehen kann. Kannst du erklären warum du es genau so brauchst? Vielleicht kannst du es umschreiben. – Medda86