Bolehkah Pengiraan Bersarang Dilakukan untuk Max-Width dalam CSS?

Pengiraan CSS untuk Lebar Maksimum

Dalam CSS, tidak mungkin untuk melakukan pengiraan bersarang untuk sifat lebar maksimum menggunakan sintaks seperti " lebar maks: calc(maks(500px, 100% - 80px))" atau "lebar maksimum: maks(500px, calc(100% - 80px)))".

Walau bagaimanapun, ia boleh dilaksanakan untuk mencapai hasil yang sama menggunakan pertanyaan media. Pertimbangkan coretan kod berikut:

<code class="css">.yourselector {
  max-width: calc(100% - 80px);
}

@media screen and (max-width: 500px) {
  .yourselector {
    max-width: 500px;
  }
}</code>

Dalam contoh ini, kami mewujudkan lebar maksimum asas untuk elemen .yourselector berdasarkan saiz skrin, meninggalkan ruang untuk margin 80px. Walau bagaimanapun, apabila lebar skrin jatuh di bawah 500px, kami mengatasi lebar maksimum asas dengan maksimum 500px, memastikan bahawa lebar elemen kekal dalam port pandangan.

Atas ialah kandungan terperinci Bolehkah Pengiraan Bersarang Dilakukan untuk Max-Width dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!