حذف ریسپانسیو از مرورگر فایرفاکس در سایت وردپرسی

[mpss 0]

با سلام دوستان

من حالت ریسپانسیو رو از سایتم برداشتم و اونو 100% کردم . با مرورگر کروم در حالت موبایل ببینید همه چیز درسته ، اما مرورگر فایرفاکس هنوز ریسپانسیو نشون میده ! مشخص نیست چرا با هم فرق دارند . لطفا راهنمایی بفرمایید .

با تشکر

[Mirrajabi 455]

سلام ادرس سایت لطف بفرمایید تا بشه راحتتر پاسخ داد.

[mpss 0]

در 25 دقیقه قبل، Mirrajabi گفته است :

سلام ادرس سایت لطف بفرمایید تا بشه راحتتر پاسخ داد.

آدرس وب سایت : parvareshsilver

[Mirrajabi 455]

در 31 دقیقه قبل، mpi گفته است :

آدرس وب سایت : parvareshsilver

@media screen and (max-width: 1200px)  

#popProID .woocommerce .products.grid li.product, #popProID .woocommerce ul.products.grid li.product, #popProID .woocommerce-page .products.grid li.product, #popProID .woocommerce-page ul.products.grid li.product {
    width: 25% !important;
}

تو فایل استایلتون هنوز ریسپانسیو هست .  و من چک کردم تو بعضی از مرورگرهای کروم هم مثل فایرفاکس نشون میده .

مثلا اگر استایل بالا در حالت موبایل یعنی

@media screen and (max-width: 480px)  

  width :100%!important کنید ی قسمت از نمایش صفحه ایندکس درست میشه .

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

[mpss 0]

در 8 دقیقه قبل، Mirrajabi گفته است :

@media screen and (max-width: 1200px)  

#popProID .woocommerce .products.grid li.product, #popProID .woocommerce ul.products.grid li.product, #popProID .woocommerce-page .products.grid li.product, #popProID .woocommerce-page ul.products.grid li.product {
    width: 25% !important;
}

تو فایل استایلتون هنوز ریسپانسیو هست .  و من چک کردم تو بعضی از مرورگرهای کروم هم مثل فایرفاکس نشون میده .

مثلا اگر استایل بالا در حالت موبایل یعنی

@media screen and (max-width: 480px)  

  width :100%!important کنید ی قسمت از نمایش صفحه ایندکس درست میشه .

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

در مرورگر کروم در هر سایزی درست هستند اما در مرورگر فایرفاکس همه چیز بهم ریخته است و من میخوام دقیق دقیق مثل کروم بشود . تصاویر رو که در مرورگر کروم هست ، ملاحضه بفرمایید .

ویرایش شده مرداد 96 توسط mpi