ฉันต้องการเพิ่มขนาดของภาพหน้าจอให้ใหญ่สุดและหลีกเลี่ยงแถบเลื่อนหรือล้นมากเกินไป
คุณแนะนำขนาดใด
ฉันกำลังใช้ Lightbox
ขนาดที่ดีที่สุดในการใช้แสดงขนาดเต็มหน้าจอของแอปพลิเคชั่นคืออะไร
คำตอบ:
นี่คือเครื่องมือขนาดเบราว์เซอร์ที่ยอดเยี่ยมจาก Googleแสดงจำนวนผู้ใช้ร้อยละจะเห็นพื้นที่ต่าง ๆ ของเว็บไซต์ของคุณ สิ่งนี้ช่วยในการตรวจสอบหน้าเว็บและตรวจสอบให้แน่ใจว่าผู้คนบนหน้าจอ 'ตื้น' (แล็ปท็อปส่วนใหญ่มีหน้าจอที่กว้างมาก แต่หน้าจอที่ตื้น / ไม่ลึก) สามารถดูเนื้อหาที่สำคัญของคุณและเรียกร้องให้ดำเนินการ
อัปเดต : ขณะนี้ Google ได้เพิ่มฟังก์ชันการทำงานนี้ลงใน Google Analytics ซึ่งช่วยให้คุณเห็นว่าผู้เยี่ยมชมสามารถดูไซต์ของคุณได้มากแค่ไหน: http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size HTML
กราฟิกเป็นสลัมชนิดหนึ่งสำหรับแอป Google แต่ดูเหมือนว่าเป็นเครื่องมือที่มีประโยชน์มากและฉันคิดว่าพวกเขาอาจอัปเดตการแยกเปอร์เซ็นต์เป็นประจำเพื่อให้คุณมีข้อมูลขนาดหน้าจอล่าสุด
—
Lèsemajesté
ใช่สลัมเป็นคำที่ถูกต้อง! มันอยู่ใน Labs ดังนั้นฉันไม่แน่ใจว่ามันได้รับการดูแลรักษาได้ดีเพียงใด แต่มันเป็นที่เปิดตาสำหรับนักออกแบบที่มีหน้าจอขนาดใหญ่
—
nthonygreen
อ่าฉันผิด รูปภาพไม่ได้ถูกสร้างขึ้นจริงจากข้อมูลผู้ใช้ มันเป็นเพียงแค่การซ้อนทับภาพคงผ่านหน้าเว็บและดูเหมือนพวกเขาไม่ได้รับการปรับปรุงในประมาณปี: browsersize.googlelabs.com/static/...
—
หมิ่นฯ
ถ้าหน้าจอของคุณกว้างกว่าขนาดที่กำหนดภาพก็จะแสดงซ้ำ ใน iMac 2560x1440 ของฉันฉันเห็นได้เกือบสองครั้ง นอกจากนี้ยังทำงานได้ไม่ดีกับเนื้อหาที่อยู่ตรงกลาง
—
BR
เครื่องมือนี้ดูไม่ดีหากไซต์ของคุณมีความกว้างไม่คงที่มันจะปรับขนาดให้เบราว์เซอร์ของคุณและภาพซ้อนทับผิดทั้งหมด
—
ผ้าไหม
สิ่งนี้อาจแตกต่างกันไปตามไซต์และฐานผู้ใช้ แต่เว็บไซต์หลายแห่งยังคงสนับสนุนความกว้างหน้าจอกว้าง 1024 พิกเซล (เพราะยังมีฐานผู้ใช้ขนาดใหญ่ที่ใช้ความละเอียดนั้น) ดังนั้นคุณต้องการให้ภาพของคุณมีขนาดใหญ่พอที่จะพอดีกับพื้นที่ที่มีความกว้าง 1024 พิกเซล สมมติว่าคุณมีโครเมี่ยม 15px ทางด้านซ้ายและด้านขวาของไลท์บ็อกซ์ของคุณและคุณต้องการระยะขอบ 30px ที่ด้านใดด้านหนึ่งสำหรับผู้ที่ใช้ความละเอียดหน้าจอกว้าง 1024px
1024 - 30px (lightbox chrome) - 60px (margin) = ภาพกว้าง 934px
อีกครั้งข้อมูลจำเพาะอาจแตกต่างกันไปสำหรับไซต์ของคุณโดยเฉพาะอย่างยิ่งถ้าคุณต้องการให้ไลท์บ็อกซ์ขอบวางตรงจุดหนึ่งที่เกี่ยวข้องกับหน้าเว็บของคุณหรือหากคุณพยายามที่จะจัดชิดกับตารางหรืออะไรทำนองนั้น
ทางออกที่ดีคือการอัปโหลดภาพหน้าจอที่ความละเอียดสูงสุด 2560x1600 จากนั้นเมื่อหน้าโหลดตรวจสอบขนาดหน้าต่างเบราว์เซอร์และใช้ตัวจัดการรูปภาพเพื่อปรับขนาดและบันทึกภาพบนเซิร์ฟเวอร์ของคุณเมื่อมีการร้องขอครั้งแรก
ด้วยวิธีนี้ผู้ที่มีจอภาพความละเอียดสูงจะไม่ถูกทอดทิ้ง
คุณสามารถตรวจสอบขนาดหน้าต่างเบราว์เซอร์ได้อย่างน่าเชื่อถือ อาจ ..
—
Jeff Atwood
$(window).width()และ$(window).height()ใน jQuery ดูเหมือนจะถูกต้อง!
@Jeff - เพียงบางครั้ง: stackoverflow.com/questions/2596594/…
—
Jeremy Boyd