อยากรู้สคริปเกี่ยวกับการปรับขนาดของหน้าจอ Resolution (ต้องการใช้มากครับ)

[aussavin]

คือว่าผมมีปัญหา คือว่าเว็บผมนี่เวลาเปิดด้วยขนาดของหน้าจอ 1024x768 ตัวหนังสือมันใหญ่ขนาดมันล้น

อยากให้มีสคริปสำหรับผู้ที่เข้ามาในขนาดหน้าจอ 1024x768 อยากให้มีปุ่มคลิกเพื่อปรับไปให้มันสูงเท่ากับหรือมากกว่า 1280x1024 เชื่อว่าหน้าจอคอมใหม่ๆสมัยนี้ปรับได้ทั้งหมด

ขอความช่วยเหลือด้วยนะครับ 

[EThaiZone]

ไม่มีอะไร auto ขนาดนั้นครับ ต่อให้้ใช้ js คุม ก็ต้องเขียนกันหยุบหยับ
ซึ่งบนโลกนี้ ผมว่าไม่มีใครกล้าทำ

แนะนำดีสุดคือ ถ้าท่านไม่ได้ใช้ resolution 1024x768
ก็ปรับให้เหลือ 1024x768 เพื่อผู้ใช้งาน
แล้วเวลาจะ design ก็อ้างอิงตามที่เห็น fix ค่าด้วย css ให้หมด

เท่านั้นแหละ ที่เหลือใครมาดูด้วย 1280x1024 ก็ช่างมัน
ให้ช่างมันจริงๆ เพราะขนาด 800x600 ก็ยังมีคนใช้
เหมือนอย่างนักร้อง ไม่มีทางร้องเพลงถูกใจทุกคนครับ
แต่ร้องให้ถูกใจคนหมู่มากนั้นแหละดีที่สุด

หรืออยากทำจริงๆ คงบอกได้แค่ว่าเช็คค่ากว้างยาวบน JS ก็
screen.width กับ screen.height
ที่เหลือก็เขียนเองนะ

[sugar]

ไม่มีอะไร auto ขนาดนั้นครับ ต่อให้้ใช้ js คุม ก็ต้องเขียนกันหยุบหยับ
ซึ่งบนโลกนี้ ผมว่าไม่มีใครกล้าทำ

แนะนำดีสุดคือ ถ้าท่านไม่ได้ใช้ resolution 1024x768
ก็ปรับให้เหลือ 1024x768 เพื่อผู้ใช้งาน
แล้วเวลาจะ design ก็อ้างอิงตามที่เห็น fix ค่าด้วย css ให้หมด

เท่านั้นแหละ ที่เหลือใครมาดูด้วย 1280x1024 ก็ช่างมัน
ให้ช่างมันจริงๆ เพราะขนาด 800x600 ก็ยังมีคนใช้
เหมือนอย่างนักร้อง ไม่มีทางร้องเพลงถูกใจทุกคนครับ
แต่ร้องให้ถูกใจคนหมู่มากนั้นแหละดีที่สุด

หรืออยากทำจริงๆ คงบอกได้แค่ว่าเช็คค่ากว้างยาวบน JS ก็
screen.width กับ screen.height
ที่เหลือก็เขียนเองนะ

  ช่ายครับบางครั้งผมยังใช้ 800*600 อยู่เลยครับ (เครื่องเก่านะ win98 ของรักของหวง) 

[g-ji]

สรุปจะปรับขนาดหน้าเว็บ หรือจะ ปรับขนาดตัวอักษร หว่า

ถ้าจะปรับให้ขนาดหน้าเว็บให้มันพอดี กับหน้าจอ ก็ต้องกำหนดค่าความกว้าง

ใน CSS เป็น % และต้องกำหนดเป็น % หมดทุกส่วนของหน้าเว็บ ไม่งั้นมันจะไม่สวย

ขนาดตัวอักษร ก็เหมือนกัน ต้องกำหนด ค่า universal ให้มัน

ใน CSS พิมพ์

*{font-size:100%;} ค่านี้จะทำให้ ตัวอักษรในหน้าเว็บ แสดงผล เท่ากับ ค่ามาตรฐานที่ตั้งไว้ในแต่ละเบราเซอร์ ปกติ คือ 16pt ถ้าไม่ปรับแต่งเบราเซอร์เลย ก็จะแสดงผลเท่ากันหมดทุกเบราเซอร์ หรือจะกำหนดไปเลยก็ได้ 16pt หรือ 16px

แล้วก็ไปกำหนด แต่ละส่วนแยกลงไปอีกที นึง ด้วย em

เช่น h1{font-size:3em;} h1จะมีขนาดเท่ากับ 3เท่า ของ ค่ามาตรฐานของแต่ละเบราเซอร์หรือ 3เท่าของค่าที่กำหนดไว้

หรือถ้าอยากให้ ตัวอักษร มีขนาดใหญ่ เล็ก ตามขนาดหน้าเว็บ ก็ต้อง กำหนด ทุกส่วน เป็น em ให้หมดเลย (ยากที่สุดในบรรทัด CSS layout แล้ว ถ้าทำได้ก็สุดยอดเลย)

[Royter]

เคยเห็นวิธีเพิ่มขนาด pixel โดย การ เอา CSS มารองไว้ หลายตัว แล้ว เชค screen แล้วก้โหลด css ใหม่อีกรอบนึงคับ แต่ผมว่ามันวุ่นวายนะ ผมยังยืนพื้นที่ 1024 อยู่เลย

ไม่ก็แนะนำอีกวิธี คือ ใช้ js เป็นตัวควบคุม แทน css เขียนกันตาเหลือกเลยละคับ