สีพื้นหลังด้านล่าง/รูปภาพพื้นหลังถูกตัดออกบนเว็บไซต์บนมือถือ

องค์ประกอบ content ของคุณตั้งค่าเป็น height:100% ซึ่งทำให้เป็น 100% ของความสูงของ พาเรนต์ ท้ายที่สุดแล้วมันไม่สูงพอที่จะใส่องค์ประกอบสูง 1,000px ที่อยู่ข้างในได้ โดยปกติองค์ประกอบจะขยายเพื่อให้มีเนื้อหา แต่แอตทริบิวต์ height ของคุณจะแทนที่ลักษณะการทำงานดังกล่าว

contentก็ดูเหมือนจะไม่จำเป็นต้องเป็น position:absolute; เช่นกัน นั่นไม่ได้ช่วยแก้ปัญหาเรื่องขนาด

ฉันจะกำจัด:

div.content {
    position: absolute;
    top: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

จากนั้นจึงลบรูปแบบอินไลน์ height: 1000px บนองค์ประกอบ .page ออกด้วย