عند كتابة صفحة الهاتف المحمول HTML5 ، سنجد أن نسبة العناصر المعروضة على الصفحة غير صحيحة.
<meta name = viewport content = width = width device ، sciale = 1>
أيضاً
<meta name = viewport content = width = width device ، sciale scale = 1.0 ، minaft-scale = 0.5 ، maximum scale = 2.0 ، ster-scalable = yes />
ثم دعونا نشرح هذه الجملة:
Viewport: يعني نافذة العرض ؛
العرض = عرض الجهاز ، النطاق الأولي = 1.0: يعني أن عرض نافذة العرض يساوي عرض الشاشة للجهاز ، النطاق الأولي = 1.0 ، أي نسبة التكبير الأولي هي 1.0 ؛
الحد الأدنى على نطاق: هذا يعني أن الحد الأدنى للنسبة المسموح به
الحد الأقصى: يعني الحد الأقصى للنسبة التي تسمح بالتوسع
قابلة للتكبير: هذا يعني ما إذا كان المستخدم يسمح للمستخدم بتخليص الصفحة.
مشكلة مثال: ظاهرة:عندما ينقر المستخدم على مربع الإدخال على صفحة الجوال لتحرير النص ، سيتم توسيع الصفحة تلقائيًا
يحل:أدخل في رأس الصفحة <head> التسمية
<name meta = viewport content = width = width device ، sciale scal = 1.0 ، minimate scale = 1.0 ، maximum scale = 1.0 />
أو غير مسموح للمستخدم بتكبير الصفحة القابلة للتشويش على المستخدم = لا
لخصما ورد أعلاه هو حل صفحة الهاتف المحمول HTML5 التي قدمتها لك. شكرا جزيلا لدعمكم لموقع VEVB Wulin!