เนื้อหา
เมื่อคุณสร้างเว็บเพจคุณสามารถล็อคขนาดของหน้าต่างเบราว์เซอร์โดยใช้รหัส HTML อย่างง่าย สิ่งนี้มีประโยชน์หากคุณไม่ต้องการให้ผู้ใช้เลื่อนหน้าเว็บเพื่อเหตุผลด้านสุนทรียภาพ - ในกรณีนี้รูปภาพและข้อความทั้งหมดจะแสดงบนหน้าพร้อมกันภายในหน้าต่างเบราว์เซอร์ การล็อกขนาดหน้าต่างเป็นวิธีจำกัดความสามารถของผู้ใช้ในการดูองค์ประกอบบางอย่างที่อาจปรากฏขึ้นด้านล่างของหน้า
คำสั่ง
-
ลองใช้ "position: fixed" ใน CSS ของคุณเพื่อล็อคขนาดหน้าต่าง ประเภทแรก "type =" text / css ">" ในแท็กของคุณ "" (หากยังไม่ปรากฏ) พิมพ์ "body {" ในบรรทัดถัดไปจากนั้นเลือก "position: fixed;" จากนั้นปิดรหัสด้วยเครื่องหมาย "}" ประเภท ""เพื่อปิดแท็กสไตล์ในบางเบราว์เซอร์เช่น Internet Explorer คุณอาจต้องเพิ่ม" bottom: 0; "ในบรรทัดถัดไปหลังจาก" ตำแหน่ง: คงที่ "เพื่อล็อคขนาดหน้าต่าง ที่คุณเห็นที่นี่เมื่อคุณป้อนรหัส
-
ใช้แอตทริบิวต์ "overflow: hidden" แทน "position: fixed" ตามที่อธิบายไว้ในขั้นตอนแรกเป็นอีกทางเลือกหนึ่ง แอตทริบิวต์ overflow ช่วยให้คุณสามารถซ่อนส่วนหนึ่งของหน้าหรือองค์ประกอบสร้างลักษณะที่ปรากฏของหน้าต่างที่ถูกล็อคเมื่อคุณใช้มันกับเนื้อหาทั้งหมดของเอกสาร HTML
-
เพิ่มแอตทริบิวต์ "scroll = no" (ไม่มีเครื่องหมายอัญประกาศ) ลงในแท็ก "body" ของคุณเป็นอีกหนึ่งตัวเลือกเพื่อปิดกั้นขนาดของหน้าต่าง ตัวอย่างเช่นหากคุณต้องการพื้นหลังสีดำโดยไม่ต้องเลื่อนรหัสสุดท้ายจะเป็น "bgcolor = black scroll = no>" ให้ป้อนข้อความและรูปภาพในส่วนเนื้อหาจากนั้นปิดด้วยแท็ก "" วิธีนี้จะป้องกันไม่ให้ผู้ใช้เลื่อนผ่านส่วนเนื้อหาของหน้าเว็บของคุณ อีกครั้งปล่อยเครื่องหมายคำพูดออกมาในขณะที่เขียนรหัส