سلام من از بوت استرپ برای واکنشگرا بودن قالبم استفاده میکنم.
وقتی با موبایل سایت را لود میکنم تعداد کمی از فیلدهای گرید را نمایش میده ولی توسط خود کامپیوتر که تست میکنم و صفحه را کوچک میکنم در قسمت گرید اسکرول میخوره و مقادیر تمام رکورد را میشه دید ولی در موبایل این اسکرول نمیخوره؟
حالا چه راهی را باید انجام بدم که به نحوی بشه تمام مقادیر رکورد را دید؟
1 - اینکه شما کلاس table-responsive را به یک Div بالاتر از table باید بدهید.
2 - ستون های جدول عرض یا width دستی نداشته باشند بهتر است.
3 - می توانید در حالت موبایل بعضی از ستون ها را توسط کلاس hidden بوت استرپ مخفی کنید تا فضای بیشتری باز شود.
4 - دو metadata زیر را باید در head صفحه قرار داده باشید :
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">
5 - جهت جلوگیری از بعضی browser هایی که html5 و css3 ساپورت نمی شود باید کد زیر را داخل head صفحه قرار دهید :
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]-->
سلام مهندس - این مواردی که گفته بودید رعایت شده بود ( 1 و 2 و 4)
مورد 3 که باید همشون نشون داده بشه و مورد 5 هم که با بروزر فایرفاکس تست میگیرم.
ولی از 7 فیلد جدول: در گوشی فقط 3 مورد و اگر گوش یرا بچرخونم 5 تا را نمایش میدهد و همه موارد نشون داده نمیشه
داخل گوشی شاید Browser بروز نباشه و اینکه آیا با گوشی های مختلف بررسی کردید.
امکان دیگه ای که وجود داره اینکه js یا css های دیگه ای داخل کدهاتون استفاده کردید که باعث بروز مشکل شده است. اگر آدرسی وجود داره که بشه سایت رو چک کرد، اینجا قرار دهید تا بررسی کنیم.
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)