ຫົວຂໍ້ຫຼັກ CSS rem()

ການອະທິບາຍແລະການນໍາໃຊ້

CSS rem() ການເຮັດວຽກຂອງການບັນຍາຍກັບຈຳນວນຫຼັງຈາກການສອບສວນຈຳນວນແບບຄັດດ້ວຍຈຳນວນແບບຄັດອີກຄັດ.

ຕົວຢ່າງ: rem(9, 2) = 1。(9 / 2 = 4;4 * 2 = 8,ຈຳນວນລຸ່ມ = 1)

ຕົວຢ່າງ: rem(9, -2) = 1。(9 / -2 = 4;4 * -2 = -8,ຈຳນວນລຸ່ມ = -1)

ຫັງ:ຜົນກະທົບຈະເອົາສະຖານະສີຂອງຄະແນນແບບການແບບຄັດ.

ຄວາມພິຈາລະນາ

ບາງ rem() ຕົວຢ່າງ:

line-height: rem(9, 2); /* 1 */
line-height: rem(19, 4); /* 3 */
line-height: rem(3.5, 3); /* 0.5 */
padding: rem(9%, 2%); /* 1% */
padding: rem(19px, 4px); /* 3px */
padding: rem(19rem, 4rem); /* 3rem */
rotate: rem(120deg, 25deg); /* 20deg */
rotate: rem(120deg, -25deg); /* -20deg */
rotate: rem(-90deg, 15deg); /* 5deg */
rotate: rem(-90deg, -15deg); /* -5deg */

ວິນຍານ CSS

rem(dividend, divisor)
ຄະແນນ ອະທິບາຍ
dividend ຕ້ອງການ. ຄະແນນແບບທີ່ຖືກແບບ (ຈຳນວນ, ເຫດຄະແນນ, ຫຼືຄວາມຂື້ນຂະໜາດ).
divisor ຕ້ອງການ. ຄະແນນແບບເລື່ອງຄັດ (ຈຳນວນ, ເຫດຄະແນນ, ຫຼືຄວາມຂື້ນຂະໜາດ).

ລາຍລະອຽດເຕັກນິກ

ສະຖານະ: CSS4

ການສະໜັບສະໜູນບັນດາບັນດາບາດດັບ

ຈຳນວນໃນຕາຕະລາງອອກສະແດງວ່າສະບາຍການສະໜັບສະໜູນຂອງການໃຊ້ງານຂອງການບັນຍາຍນັ້ນຂອງຜູ້ບັນຍາຍຜູ້ທຳອິດທີ່ໃຊ້ງານຂອງການບັນຍາຍນັ້ນ.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

ບົດຄວາມຄືນມູນຄ່າ

参考:ຫົວຂໍ້ຫຼັກ CSS acos()

参考:ຫົວຂໍ້ຫຼັກ CSS asin()

参考:ຫົວຂໍ້ຫຼັກ CSS atan()

参考:ຫົວຂໍ້ຫຼັກ CSS atan2()

参考:ຫົວຂໍ້ຫຼັກ CSS calc()

参考:ຫົວຂໍ້ຫຼັກ CSS cos()

参考:ຫົວຂໍ້ຫຼັກ CSS exp()

参考:ຫົວຂໍ້ຫຼັກ CSS hypot()

参考:CSS log() 函数

参考:CSS mod() 函数

参考:CSS pow() 函数