مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

sg.programmer

عضویت از 1393/06/30

عدم نمایش فیلد های گرید در موبایل

  • شنبه 7 فروردین 1395
  • 13:28
تشکر میکنم

سلام من از بوت استرپ برای واکنشگرا بودن  قالبم استفاده میکنم.

وقتی با موبایل سایت را لود میکنم تعداد کمی از فیلدهای گرید را نمایش میده ولی توسط خود کامپیوتر که تست میکنم و صفحه را کوچک میکنم در قسمت گرید اسکرول میخوره و مقادیر تمام رکورد را میشه دید ولی در موبایل این اسکرول نمیخوره؟

 

حالا چه راهی را باید انجام بدم که به نحوی بشه تمام مقادیر رکورد را دید؟

پاسخ های این پرسش

تعداد پاسخ ها : 3 پاسخ
کاربر سایت

سجاد باقرزاده

عضویت از 1392/02/24

  • شنبه 7 فروردین 1395
  • 13:55

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]-->

 

کاربر سایت

sg.programmer

عضویت از 1393/06/30

  • شنبه 7 فروردین 1395
  • 20:10

سلام مهندس - این مواردی که گفته بودید رعایت شده بود ( 1 و 2 و 4)

مورد 3 که باید همشون نشون داده بشه و مورد 5 هم که با بروزر فایرفاکس تست میگیرم.

 

ولی از 7 فیلد جدول:  در گوشی فقط 3 مورد و اگر گوش یرا بچرخونم  5 تا را نمایش میدهد  و همه موارد نشون داده نمیشه

کاربر سایت

سجاد باقرزاده

عضویت از 1392/02/24

  • یکشنبه 8 فروردین 1395
  • 09:00

داخل گوشی شاید Browser بروز نباشه و اینکه آیا با گوشی های مختلف بررسی کردید.

امکان دیگه ای که وجود داره اینکه js یا css های دیگه ای داخل کدهاتون استفاده کردید که باعث بروز مشکل شده است. اگر آدرسی وجود داره که بشه سایت رو چک کرد، اینجا قرار دهید تا بررسی کنیم.

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)