ผมว่าน่าจะใช้ User Agent Class เข้ามาช่วยนะครับ โดยหลักๆ จะแยกออกเป็น 2 ส่วน
ส่วนแรกคือ browser
ส่วนที่สองคือ mobile device
ที่ Controller เมื่อมีการเรียกหน้า ใส่เงื่อนไขว่า
if ($this->agent->is_mobile()){
$this->load->view(‘mobile/index’);
}else{
$this->load->view(‘home/index’);
}
เป็นการ แยกผู้ใช้ browser และ mobile ออกจากกัน
browser และอื่นๆ เรียก page จาก view/home/index
mobile ไปโหลดหน้า page ที่ view/mobile/index เพื่อที่จะได้สร้างหน้าเฉพาะของ mobile ได้
ส่วน browser แต่ละตัวนั้นการแสดงผล ต้องไปดูในส่วนของ html, css แล้วล่ะครับ
แนวคิดในการทำเว็บตอนนี้ ไปในทิศทางของ responsive ดีไซน์นะครับ
เว็บเดียว ดูได้ดีบนทุก media
การเขียนเว็บให้ดูดีในทุก browser คงต้องทำอย่างช้าๆ ประกอบไป เช็คไป บน browsers ทุก เวอร์ชั่นที่ต้องการ support
ถ้า css แม่นๆ เขียนดีๆ ก็อาจจะเขียนแล้ว hack น้อยหน่อย สำหรับแต่ละ browser ครับ