10
ภาพพื้นหลัง CSS ให้พอดีกับความกว้างความสูงควรปรับสัดส่วนแบบอัตโนมัติ
ฉันมี body { background: url(images/background.svg); } ผลที่ต้องการคือภาพพื้นหลังนี้จะมีความกว้างเท่ากับหน้าความสูงเปลี่ยนไปเพื่อรักษาสัดส่วน เช่นหากภาพต้นฉบับมีขนาด 100 * 200 (หน่วยใด ๆ ) และตัวกล้องมีความกว้าง 600px ภาพพื้นหลังควรจะมีความสูง 1200px ความสูงควรเปลี่ยนโดยอัตโนมัติหากปรับขนาดหน้าต่าง เป็นไปได้ไหม ในขณะนี้ Firefox ดูเหมือนว่ามันจะปรับความสูงแล้วปรับความกว้าง อาจเป็นเพราะความสูงเป็นมิติที่ยาวที่สุดและพยายามหลีกเลี่ยงการครอบตัด ฉันต้องการที่จะปลูกพืชในแนวตั้งแล้วเลื่อน: ไม่มีการทำซ้ำในแนวนอน นอกจากนี้ Chrome กำลังวางภาพไว้ตรงกลางไม่ต้องทำซ้ำแม้เมื่อbackground-repeat:repeatได้รับอย่างชัดเจนซึ่งเป็นค่าเริ่มต้นอยู่ดี