คำถามติดแท็ก mobile-website

ล็อคแล้ว คำถามและคำตอบนี้ถูกล็อคเนื่องจากคำถามอยู่นอกหัวข้อ แต่มีความสำคัญทางประวัติศาสตร์ ขณะนี้ไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ฉันเป็นนักพัฒนาเว็บและฉันต้องการย้ายผลิตภัณฑ์บนเว็บไปยัง iPhone หนึ่งในผลิตภัณฑ์เป็นเหมือน Google แผนที่: แสดงแผนที่บนหน้าจอโทรศัพท์คุณสามารถลากหรือปรับขนาดแผนที่และดูข้อมูลบางอย่างที่เราเพิ่มลงในแผนที่ ฉันรู้ว่ามีเทคโนโลยีบางอย่างที่ช่วยให้คุณใช้ HTML, CSS และ Javascript เพื่อพัฒนาแอพของ iPhone ฉันระบุบางอย่าง: Ansca Mobile PhoneGap Appcelerator มีผลิตภัณฑ์อื่นที่คล้ายคลึงกันหรือไม่ ความแตกต่างระหว่างพวกเขาคืออะไร? ฉันควรเลือกแบบใด

310 iphone  android  html  mobile-website 

ฉันต้องพัฒนาหน้า html สำหรับโทรศัพท์ iphone / android แต่อะไรคือความแตกต่างระหว่างmax-device-widthและmax-width? ฉันต้องใช้ CSS ที่แตกต่างกันสำหรับขนาดหน้าจอที่แตกต่างกัน @media all and (max-device-width: 400px) @media all and (max-width: 400px) ความแตกต่างคืออะไร?

242 css  mobile-website  media-queries 

ใน styles.css ฉันใช้คิวรีสื่อซึ่งทั้งคู่ใช้รูปแบบของ: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } ไซต์ปรับขนาดเป็นเลย์เอาต์ที่ฉันต้องการในเบราว์เซอร์ปกติ (Safari, Firefox) เมื่อฉันย่อขนาดหน้าต่างอย่างไรก็ตามเลย์เอาต์มือถือไม่แสดงเลยบนโทรศัพท์ แต่ฉันเพิ่งเห็น CSS เริ่มต้น ใครช่วยชี้ฉันในทิศทางที่ถูกต้องได้ไหม

182 html  css  media-queries  mobile-website 

ผมทำงานใน app <input type="tel"/>เว็บโทรศัพท์มือถือและฉันมีช่องข้อความหลายอย่างที่จะได้ประโยชน์จาก iPhone จะปรับแป้นพิมพ์สำหรับผู้ใช้ แต่ฉันกังวลเกี่ยวกับความเข้ากันได้แบบย้อนกลับ สิ่งที่ฉันหวังคือเบราว์เซอร์ / โทรศัพท์ที่รองรับสิ่งนี้สามารถช่วยเหลือผู้ใช้และเบราว์เซอร์อื่น ๆ จะถอยกลับไปที่ช่องข้อความมาตรฐาน? นี่เป็นวิธีปฏิบัติที่ยอมรับได้หรือไม่? มันใช้งานได้หรือไม่?

107 html  mobile-website  backwards-compatibility 

ฉันกำลังทำงานกับเว็บแอปที่ใช้ iPad และจำเป็นต้องป้องกันการเลื่อนมากเกินไปเพื่อให้ดูเหมือนหน้าเว็บน้อยลง ฉันกำลังใช้สิ่งนี้เพื่อหยุดวิวพอร์ตและปิดใช้งานการเลื่อนทับ: document.body.addEventListener('touchmove',function(e){ e.preventDefault(); }); นี้ทำงานได้ดีในการปิดการใช้งานเลื่อน แต่ app ของฉันมี divs เลื่อนหลายและป้องกันโค้ดข้างต้นพวกเขาจากการเลื่อน ฉันกำหนดเป้าหมายเป็น iOS 5 ขึ้นไปเท่านั้นดังนั้นฉันจึงหลีกเลี่ยงโซลูชันแฮ็กเช่น iScroll แต่ฉันใช้ CSS นี้สำหรับ div ที่เลื่อนได้ของฉัน: .scrollable { -webkit-overflow-scrolling: touch; overflow-y:auto; } วิธีนี้ใช้งานได้โดยไม่ต้องใช้สคริปต์ overscroll เอกสาร แต่ไม่ได้แก้ปัญหาการเลื่อน div หากไม่มีปลั๊กอิน jQueryมีวิธีใดบ้างที่จะใช้การแก้ไขแบบโอเวอร์สโคล แต่ยกเว้น div $ ('. scrollable') ของฉัน แก้ไข: ฉันพบสิ่งที่เป็นทางออกที่ดี: // Disable overscroll / viewport moving …

103 jquery  ios  ipad  safari  mobile-website