رفع مشکلات قالب با مرورگر chrome و safari

[Fased Shod ! 207]

با سلام خدمت دوستان جومینایی.

من دیروز داشتم روی یک سایتی کار می کردم. یک مشکلی برایم پیش اومد. در IE و Firefox و سایر مرورگر ها مشکلی نداشت. این مشکل این بود که در کروم موقعیت اسلاید شو پایین می اومد و در firefox , IE مشکلی نبود.

البته شاید شما این مشکل را نداشته باشید ، چون من پس از طراحی کردن 10 ها سایت در این سایت فقط این مشکل را داشتم(برای اولین بار!) و می تونم بگم از هر 1000 سایتی که طراحی میشه ، این مشکل برای یکیش به وجود بیاد!

یک کد css و php را من از قبل بلد بود و تصمیم گرفتم در اختیار دوستان جومینایی هم بگذارم.(این روش ها را شخصا تست کردم و نتیجه کرفتم و با هیچ مرورگری تداخلی ایجاد نشد)

کد احتصاصی php برای اتصال یک فایل css برای مرورگر chrome (کد هایی که در این فایل css نوشته می شوند ، فقط درchrome بارگزاری خواهند شد.)

و این کد اختصاصی برای مرورگر safari

حالا ممکن است شما نخواهید که در یک فایل جدا کد های مخصوص برای مرورگر chrome یا safari خود را بنویسید. برای این کار در یک فایل css کد زیرا وارد کنید.

@media screen and (-webkit-min-device-pixel-ratio:0) {
...
}

به جای ... کد سی اس اس خود را بنویسید.

به عنوان مثال:

@media screen and (-webkit-min-device-pixel-ratio:0) {
#div {
   margin-top:  90px;
}
}

موفق باشید.