●● ท่องเที่ยววันหยุด วาไรตี้แสนสนุก! เรื่องราวฮอตฮิต! สิ่งที่คุณเห็น...จะทำให้คุณต้องตะลึง คลิ๊ก! ●●

หาเพื่อน หาแฟน หาคู่

เล่นเกมส์

ดูดวง

สูตรวิเศษ สาระน่ารู้ เรื่องสุขภาพ

งาน - อาชีพเสริมทำเงินล้าน

ผู้เขียน หัวข้อ: เขียนให้รองรับอุปกรณ์หลายๆหน้าจอ  (อ่าน 338 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ Admin

  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1128
  • ถูกใจ 116
    • เมทไทยดอทคอม | MateThai
เขียนให้รองรับอุปกรณ์หลายๆหน้าจอ
« เมื่อ: มีนาคม 12, 2015, 06:01:17 PM »
Responsive Design เขียนให้รองรับอุปกรณ์หลายๆหน้าจอ ตอนที่ 1

การเขียนเพื่อให้รองรับการทำงานนี้ อย่างแรกต้องนำโค้ด html นี้ไปใส่ไว้ในแท็ก <head> เสียก่อน

เริ่มโค๊ด
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/>
จบโค๊ด

ใน bootstrap ใช้โค๊ด
เริ่มโค๊ด
    <meta name="viewport" content="width=device-width, initial-scale=1">
จบโค๊ด

จากนั้นนำโค้ด css ด้านล่างไปเขียนในเว็บไซต์ของคุณ เพื่อให้แสดงผลตามหน้าจอที่เราต้องการ
แนวทางการเขียน CSS  ในเว็บไซต์ไม่ควรกำหนดอะไรที่ตายตัวจนเกินไป
สำหรับเนื้อหาหรือส่วนที่ต้องแสดงผลสมาทโฟนและแท็บเล็ต
ถ้าเป็นไปได้ให้กำหนดความกว้างเป็น % เข้า
ให้มีเพียงแต่โครงสร้างหลัก ๆ เท่านั้นที่กำหนดตายตัวลงไป

Responsive Design เขียนให้รองรับอุปกรณ์หลายๆหน้าจอ
อ่านต่อ....
http://www.worldphp.com/blogs/5174f79b04546/Responsive-Design-%E0%B9%80%E0%B8%82%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%A3%E0%B8%AD%E0%B8%87%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%AD%E0%B8%B8%E0%B8%9B%E0%B8%81%E0%B8%A3%E0%B8%93%E0%B9%8C%E0%B8%AB%E0%B8%A5%E0%B8%B2%E0%B8%A2%E0%B9%86%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%88%E0%B8%AD-%E0%B8%95%E0%B8%AD%E0%B8%99%E0%B8%97%E0%B8%B5%E0%B9%88-1.html#.VQFyQHyUe4w
« แก้ไขครั้งสุดท้าย: มีนาคม 12, 2015, 06:04:20 PM โดย Admin »