پاسخ داده شد
چگونه می توانیم یک فرم در bootstrap را برای نمایش در همه دستگاه ها تنظیم کنیم؟
HTML bootstrap bootstrap mobile first scale screen in bootstrap آموزش bootstrap تنظیم فرم در bootstrap
- فرشته حقیقی 3 سال قبل سوال کرد
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ عالی
bootstrap از ورژن 3 به بعد این قابلیت دارد که فرم ها در دستگاه های الکترونیکی مختلف مانند لپ تاپ تبلت و موبایل به درستی نمایش داده شوند و اندازه آنها خراب نشود.برای اینکار باید دستور زیر را در قسمت <head> فرم خود قرار دهیم.
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
فیلد width پهنای صفحه نمایش را کنترل می کند.وقتی مقدار این فیلد را device-width قرار دهیم bootstrap آن را برای نمایش در دستگا های مختف تنظیم می کند.
فیلد 1.0=initial-scale کنترل می کند که صفحه در هنگام لود شدن زوم نشود.
همچنین برای اینکه صفحه در موبایل قابلیت زوم کردن نداشته باشد می توانیم ویژگی user-scalable = no را به فیلد content اضافه کنیم.دراینصورت فقط می توانیم صفحه را اسکرول کنیم.
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no">
- فرشته حقیقی 3 سال قبل پاسخ داد
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ شما