ฉันพบว่าหน้า h5 ที่ฉันเขียนสามารถเลื่อนไปทางขวาบนโทรศัพท์มือถือได้ ทำให้เกิดปัญหากับสไตล์ ~การแก้ไขปัญหา เหตุผลที่ 1: ไม่มีการปรับให้เข้ากับมือถือ
เพิ่มเนื้อหาต่อไปนี้ในส่วนหัว html:
<meta name=viewport content=width=device-width,initial-scale=1.0, user-scalable=no>
width=device-width หมายถึง การทำให้ความกว้างของหน้าเท่ากับความกว้างของอุปกรณ์initial-scale=1.0 หมายความว่าความกว้างของหน้าเริ่มต้นเท่ากับ 1 เท่าของความกว้างของอุปกรณ์user-scalable=no หมายถึง ไม่สามารถเปลี่ยนแปลงได้หลังจากดำเนินการกำหนดค่าข้างต้นแล้ว ปัญหาของฉันก็ไม่ได้รับการแก้ไข จากการตรวจสอบองค์ประกอบ ฉันพบว่าความกว้างขององค์ประกอบ (ส่วนสีม่วง) บนหน้าของฉันเกินความกว้างของอุปกรณ์ ซึ่งทำให้หน้าเลื่อน
หลังจากแก้ไข CSS ขององค์ประกอบที่กว้างเกินไป ปัญหาก็ได้รับการแก้ไข
ข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาของทุกคน ฉันหวังว่าทุกคนจะสนับสนุน VeVb Wulin Network