ที่ผมเข้าใจคือต้องการให้ทั้งฟอนต์และภาพ ขยายตามขนาดหน้าจอใช่ไหมครับ
ภาพถ้าต้องการให้เต็มจอ ก็กำหนดขนาดความกว้างเป็น 100% เอาไงครับ
img {
width: 100%;
height: auto;
}
ส่วนข้อความให้กำหนดเอาตามขนาดจอครับ โดยใช้ CSS ช่วยว่าจะให้มีขนาดเท่าไหร่
@media (min-width: 1280px ) {
font-size: 16px;
}
@media (min-width: 1024px ) {
font-size: 14px;
}
@media (min-width: 800px ) {
font-size: 12px;
}
ลองใช้โค๊ดที่แนะนำแล้ว แต่มันแสดงผลแต่ละบราวเซอร์ต่างกันค่ะ (ดังรุปด้านบน) ใน firefox และ ie ภาพจะขยายเลยหน้าจอไปเลย ทำให้ต้องเลื่อนสกรอบาร์ จะเห็นภาพเท่าต้นฉบับจริง
แต่ใน chrome ไม่เป็นค่ะ เห็นพอดีหน้าจอ ลองดูให้หน่อยได้ไหมคะว่าโค๊ดแบบนี้ถูกไหม
http://www.enjoy-outside.com/test7.html 
อยากให้การแสดงผลคล้ายๆเว็บผู้จัดการค่ะ คือ ไม่ว่าหน้าจอเราจะตั้งค่าความละเอียดไว้ที่เท่าไหร่ ก็จะเหนสัดส่วนเต็มหน้าจอ ไม่ต้องเลื่อนสกรอบาร์ไปซ้ายหรือขวา แบบนี้อะค่ะ
ปัญหาคือแก้ไขโค๊ดบางอย่างเองไม่ค่อยเป็นค่ะ

มือสมัครเล่นจริงๆ
