درک مفهوم ناسازگاری مرورگرها
مرورگرها انواع و اقسام متفاوتی دارند و هر مرورگر نیز دارای نسخه های متعددی می باشد. مسئله ای که طراحی یک وب سایت را علاوه مشکل یافتن ایده، پیاده سازی، و مشتری مداری مشکلتر می کند، طراحی وب سایتی می باشد که در همه مرورگرها یا در اکثر آنها، به درستی نمایش داده شود.ممکن است این مشکل برای شما پیش آمده باشد که سایتی را در یک مرورگر مشاهده می کنید به طور مثال، کروم یا فایرفاکس یا اپرا و اگر کمی توجه کنید، مشاهده می کنید که چینش و نمایش بخش های مختلف پوسته در هر کدام از این مرورگر ها، کمی تفاوت دارد. این تفاوت در نسخه های اخیر مرورگرهای امروزی مانند کروم و فایرفاکس کمتر شده است ولی در مرورگرهای قدیمی تر مانند نسخه های 7و8 اینترنت اکسپلورر، باعث ایجاد مشکلاتی برای برنامه نویسان و طراحان وب می شود.
معمولا طراحان وب سایت ها، زمان زیادی را صرف سازگاری کدهایشان با انواع مختلفی از مرورگرها می کنند و این موضوع یکی از معضلاتی می باشد که ناسازگاری در مرورگرها و نسخه های آنها بوجود آورده اند.
برخی از طراحان سایت ها، تنها به نسخه آخر مرورگر ها بسنده می کنند و کدهایشان را برای آن مرورگرها بهینه سازی می کنند. برخی دیگر از طراحان نیز تنها به نسخه های 7 و 8 مرورگر اینترنت اکسپلورر بسنده می کنند و فرض را بر این می گیرند که اکثر کاربران از این مرورگرها استفاده می کنند. عموما چنانچه شما کدهایتان را برای مرورگر اینترنت اکسپلورر 7 و 8 بنویسید، در 95 درصد اوقات تضمین می شود که ظاهر سایت شما در تمامی مرورگرها بدرستی نمایش داده خواهد شد.
دلیل ناسازگاری مرورگرها چیست؟
هر مرورگری یک موتور درونی دارد که عملیات رندر کردن کدها را انجام می دهد،دلیل اصلی این ناسازگاری،تفاوت در موتور رندرینگ و تظیمات پیش فرضی است که برای هر کدام از این مرورگر ها تنظیم شده است و هسته مرورگر از این تنظیمات استفاده می کند.
چطور می توانیم این مشکل را برطرف کنیم؟
با استفاده از قطعه کد های CSS که اصطلاحا به آن ها CSS Reset گفته می شود، می توان این مشکل را تا حدودی برطرف کرد.
می توانید از لینک زیر برای مطالعه مقاله مربوط به css reset استفاده کنید. تکنیک css Reset
کامنت جدید ...