30
การปรับขนาดตัวอักษรตามความกว้างของคอนเทนเนอร์
ฉันมีปัญหาในการปรับขนาดตัวอักษร ขณะนี้ฉันมีเว็บไซต์นี้ที่มีเนื้อหาfont-size100% 100% ของสิ่งที่คิดว่า? ดูเหมือนว่าจะคำนวณด้วยความละเอียด 16 พิกเซล ฉันรู้สึกว่า 100% จะอ้างถึงขนาดของหน้าต่างเบราว์เซอร์ แต่อย่างใด แต่ไม่ใช่เพราะมันเป็น 16 พิกเซลเสมอไม่ว่าจะเป็นการปรับขนาดหน้าต่างให้เป็นความกว้างของมือถือหรือเดสก์ท็อปแบบจอกว้างเต็มจอ ฉันจะทำให้ข้อความในระดับไซต์ของฉันสัมพันธ์กับที่เก็บได้อย่างไร ฉันลองใช้emแต่ก็ไม่ได้ปรับขนาดเหมือนกัน เหตุผลของฉันคือสิ่งต่าง ๆ เช่นเมนูของฉันกลายเป็น squished เมื่อคุณปรับขนาดดังนั้นฉันจำเป็นต้องลดpx font-sizeจำนวนของ.menuItemองค์ประกอบอื่น ๆ ที่เกี่ยวข้องกับความกว้างของภาชนะ (ตัวอย่างเช่นในเมนูบนเดสก์ท็อปขนาดใหญ่22pxทำงานได้อย่างสมบูรณ์แบบเลื่อนลงไปที่ความกว้างแท็บเล็ตและ16pxเหมาะสมกว่า) ฉันรู้ว่าฉันสามารถเพิ่มเบรกพอยต์ได้ แต่ฉันต้องการให้ข้อความขยายขนาดและมีเบรกพอยต์เป็นพิเศษมิฉะนั้นฉันจะจบด้วยเบรกพอยต์หลายร้อยตัวสำหรับความกว้างลดลง 100pixels ทุกครั้งเพื่อควบคุมข้อความ