การเพิ่มประสิทธิภาพ CSS สำหรับ iPod และ iPhone Safari

iPod touch และ iphoneการสร้างแอปพลิเคชันที่เหมาะสำหรับการใช้งาน iPod หรือ iPhone เป็นวิธีที่ยอดเยี่ยมในการเข้าสู่ตลาดที่กำลังเติบโต 1 พันล้านดาวน์โหลด จนถึงปัจจุบัน สิ่งสำคัญคือต้องตระหนักว่าตัวเลขเหล่านี้ไม่รวมแอปพลิเคชันบนเบราว์เซอร์ที่ปรับให้เหมาะกับ Safari บน iPhone หรือ iPod Touch และไม่จำเป็นต้องดาวน์โหลด

วันนี้ฉันบิตกระสุนและซื้อไฟล์ iPod Touch 16Gb เพื่อเริ่มตรวจสอบแพลตฟอร์มสำหรับทั้ง Safari และ Apps แน่นอนว่า…ฉันรู้สึกตื่นเต้นที่ได้ชมภาพยนตร์บนท้องถนนและ iPod Touch สามารถทำหน้าที่เป็นรีโมทสำหรับ AppleTV ของฉันได้เช่นกัน!

งานแรกของฉันคือการอัปเดตไฟล์ คำนวณเงินเดือน สำหรับใช้กับ Safari บน iPod Touch หรือ iPhone เป็นแอปพลิเคชันที่ฉันสร้างขึ้นในแทบทุกภาษา ... ดังนั้นถึงเวลาที่ฉันจะเริ่มเรียนรู้การพัฒนาสำหรับ Safari และเรียนรู้กรอบของแอป

ที่น่าสนใจก็คือการเปิดหน้าเว็บใน Safari ไม่ได้ใช้ไฟล์ สื่อ = มือถือ การตั้งค่า css ดังนั้นฉันต้องเขียนสคริปต์ฝั่งเซิร์ฟเวอร์ใน PHP เพื่อใช้สไตล์ชีทที่เหมาะสม:


> link rel = "stylesheet" media = "screen" href = "iphone.css" type = "text / css" />
>? php} else {?>
> link rel = "stylesheet" media = "screen" href = "style.css" type = "text / css" />
>? php}?>

ฉันมีหน้าเว็บที่ดูดี แต่ฉันรู้ว่ามีจำนวนมาก อาร์กิวเมนต์ CSS ของ iPhone และ iPod Safari ฉันสามารถใช้ประโยชน์ได้แม้กระทั่งการขยับส่วนประกอบโดยขึ้นอยู่กับว่าการวางแนวของหน้าเป็นแนวนอนหรือแนวตั้ง ฉันจะทดลองต่อไป!

มี iPhone หรือ iPod Touch หรือไม่? ลองใช้ไฟล์ คำนวณเงินเดือน และแจ้งให้เราทราบว่าหน้าตาของคุณเป็นอย่างไร! โปรดทราบว่าการเปลี่ยนแปลงทั้งหมดระหว่างหน้านั้นทำด้วย CSS เท่านั้น! อาจจะง่ายกว่าที่จะเขียนหน้าใหม่ทั้งหมด - แต่ไม่ท้าทายเท่า

3 คอมเมนต์

  1. 1

    ดักลาส

    ขอบคุณสำหรับเคล็ดลับ CSS ของ iPhone …สิ่งนี้จะคล้ายกับ Blackberry หรือสมาร์ทโฟนเครื่องอื่นที่ใช้เบราว์เซอร์มือถือหรือไม่?

  2. 3

    ฉันต้องซื้อ iphone ด้วยตัวเองฉันไม่มี iPod touch ด้วยซ้ำ ฉันกำลังจะหลงทางกับ css และสิ่งของแม้ว่าอะไรก็ตามที่มีรหัสจะไม่อยู่ในลีกของฉันฮ่า ๆ

คุณคิดอย่างไร?

ไซต์นี้ใช้ Akismet เพื่อลดสแปม เรียนรู้วิธีการประมวลผลข้อมูลความคิดเห็นของคุณ.