คุณสามารถทำอะไรได้บ้างหากหน้าเว็บไม่พอดีกับหน้าต่างเบราว์เซอร์
- หมวดหมู่: อินเทอร์เน็ต
เว็บไซต์และเพจบางเพจที่ฉันเข้าชมตลอดทั้งวันจะเสียหากฉันโหลดในหน้าต่างเบราว์เซอร์ที่มีขนาดหน้าจอทั้งหมดครึ่งหนึ่งของจอภาพ ฉันใช้จอภาพ 1920x1200 และมักจะแสดงหน้าต่างเบราว์เซอร์สองหน้าต่างเคียงข้างกัน
ตัวอย่างที่สำคัญของสิ่งนี้คือไฟล์ ปลั๊กอิน WordPress ไดเรกทอรี เมื่อฉันเปิดขึ้นฉันจะเห็นแถบด้านข้างทางซ้าย แต่ไม่มีเนื้อหาหลักเลย พื้นที่เนื้อหาทั้งหมดว่างเปล่าและฉันต้องเลื่อนลงมาจึงจะพบในครึ่งหน้าล่าง
เคล็ดลับการปรับขนาดเล็กน้อยเพื่อเพิ่มความกว้างของหน้าต่างและเนื้อหาจะแสดงในตำแหน่งที่ถูกต้อง
มันน่ารำคาญเพราะการปรับขนาดหน้าต่างหมายความว่ามันทับซ้อนกับหน้าต่างเบราว์เซอร์ที่สอง
ไม่ใช่เว็บไซต์เดียวหรือหน้าเว็บที่เสีย เมื่อฉันเปิดเว็บไซต์นายหน้า Flippa ตัวอย่างเช่นใน Firefox ฉันเห็นเฉพาะการปรับแต่งเมนูแถบด้านข้างการค้นหาของคุณในครึ่งหน้าบน
ด้วยเหตุผลบางประการมันจะแสดงแบบเต็มความกว้างที่นี่และเป็นผลให้เว็บไซต์จริงแสดงอยู่ที่ครึ่งหน้าล่าง ตอนนี้ดูเหมือนจะเป็นปัญหาเฉพาะใน Firefox ไม่ใช่ใน Google Chrome เนื่องจากเค้าโครงทำงานได้ดีในเบราว์เซอร์ของ Google
ตอนแรกฉันคิดว่าฉันได้เปลี่ยนการซูมหน้าบนหน้าเหล่านั้นแล้ว แต่กลับกลายเป็นว่าไม่เป็นเช่นนั้น ฉันย้ายวิดเจ็ต Page Zoom ของ Firefox ไปที่แถบเครื่องมือและแสดงระดับการซูม 100% สำหรับแต่ละวิดเจ็ต
แก้ไขปัญหา
นี่คือคำแนะนำสองสามข้อที่ช่วยให้คุณแก้ไขปัญหาการแสดงผลเหล่านั้นได้โดยไม่ต้องเปลี่ยนขนาดของหน้าต่างเบราว์เซอร์
1. เปลี่ยนระดับการซูมหน้า
นี่เป็นตัวเลือกที่ง่ายที่สุดอย่างไม่ต้องสงสัย สิ่งที่คุณต้องทำคือกดปุ่ม Ctrl บนแป้นพิมพ์ของคุณค้างไว้แล้วเลื่อนล้อเลื่อนของเมาส์ขึ้นหรือลงเพื่อเปลี่ยนระดับการซูมของเบราว์เซอร์ของคุณ
เบราว์เซอร์ที่ทันสมัยทั้งหมดใช้ระดับกับโดเมนที่คุณใช้งานอยู่เท่านั้นไม่ใช่กับโดเมนและไซต์อื่น ๆ ที่คุณเปิด
โดยทั่วไปการปัดลงเพียงครั้งเดียวก็เพียงพอที่จะแสดงหน้าเว็บได้ดีในเบราว์เซอร์ที่คุณเลือก
โปรดทราบว่าเนื้อหาจะแสดงผลเล็กลง
2. ส่วนขยาย
ผู้ใช้ Firefox สามารถติดตั้งไฟล์ ส่วนขยายหน้าซูมที่ยอดเยี่ยม ซึ่งมาพร้อมกับตัวเลือก 'พอดีกับหน้า' ที่คุณสามารถใช้เพื่อให้พอดีกับหน้าใด ๆ กับหน้าต่างเบราว์เซอร์ได้ในคลิกเดียว
ในการใช้งานเพียงกดปุ่ม Shift-key บนแป้นพิมพ์ของคุณค้างไว้และคลิกที่ไอคอนซึ่งเป็นส่วนเสริมในแถบเครื่องมือของเบราว์เซอร์
ผู้ใช้ Chrome สามารถใช้ไฟล์ ส่วนขยาย Zoomy ซึ่งจะเปลี่ยนระดับการซูมตามขนาดของหน้าต่างเบราว์เซอร์และความละเอียดแทน
3. แก้ไข CSS
คุณสามารถทำการเปลี่ยนแปลงถาวรกับเว็บไซต์ส่วนใหญ่ด้วยความช่วยเหลือของส่วนขยายเบราว์เซอร์ Stylish หรือส่วนเสริมที่เทียบเคียงได้
ปัญหานี้มีความชัดเจนเนื่องจากจะไม่เปลี่ยนขนาดตัวอักษรของข้อความ ข้อเสียคือคุณต้องรู้ CSS เพื่อใช้ประโยชน์จากมัน
ในการแก้ไขไซต์ WordPress Plugin Directory ใน Firefox คุณต้องทำสิ่งต่อไปนี้:
- ติดตั้ง ทันสมัย .
- เปิด WordPress Plugin Directory แล้วกด F12 เพื่อเปิดหน้าต่าง Developer Tools ของ Firefox
- ป้อนรหัสด้วยตนเองหรือใช้ตัวตรวจสอบเพื่อคลิกองค์ประกอบที่แสดงไม่ถูกต้อง ในกรณีของไซต์นี้เป็นพื้นที่หลักของร่างกาย (คลิกที่ปุ่ม 'เลือกองค์ประกอบจากหน้านี้' ในหน้าต่างเครื่องมือสำหรับนักพัฒนาสำหรับสิ่งนี้
- คุณจะพบ. col-10 ในที่สุดซึ่งมีขนาด 772px หากคุณเปลี่ยนค่าเป็น 720px คุณจะสังเกตเห็นว่าหน้านี้แสดงผลได้ดี
- ตอนนี้คุณรู้แล้วว่าต้องเปลี่ยนอะไรให้คลิกที่ไอคอน Stylish แล้วเลือก Write New Style -> สำหรับ WordPress.org
- ที่นี่คุณเพียงแค่คัดลอกข้อมูลสไตล์และบันทึกสไตล์ใหม่ในภายหลัง
การเปลี่ยนแปลงจะนำไปใช้กับหน้าเว็บทุกครั้งที่คุณโหลดตราบเท่าที่คุณยังคงติดตั้ง Stylish ไว้และโหลดสไตล์ใหม่
นอกจากนี้ยังมีสไตล์สำหรับ Google Chrome .