เดียวนี้พลังของ HTML+CSS ไปไกลมากแล้วไม่ใช่เพียงแค่ทำหน้าตาแสดงผลได้อย่างเดียว แต่มีลูกเล่นเพิ่มเติมให้กับคนใช้เว็บด้วย ซึ่งก่อนหน้านั้นความสามารถลู
วันนี้ผมจะแสดงให้คุณเห็นว่า คุณสามารถใช้ CSS เพียงไม่กี่บรรทัดเพื่อทำให้ iframe ที่เราต้องการมีขนาดตาม ratio ซึ่งมันจะสามารถย่อขยายตามขนาดหน้าจอได้ด้วย
iframe {
aspect-ratio: 16 / 9;
สำหรับคนที่ใช้งาน Tailwind CSS ในการปรับแต่งหน้าเว็บไซต์ของตัวเอง ก็คงเคยใช้
class container กันมาแล้ว ซึ่งตัว container
มันจะกำหนดขนาดความกว้างมาให้แล้วตามเอกสาร
https://tailwindcss.com/docs/
ช่วงนี้ css framework ที่มาแรงคงหนีไม่พ้น Tailwind CSS ใครยังไม่ได้ไปลองได้แล้ว
เพราะเริ่มมีการนำมาใช้งานกับ Production มากขึ้นเรื่อยๆ
ทีมผมก็เช่นกันถ้ามีโปรเจ็