برنامه نویسی 57 بازدید

سازگاری سایت با مرورگرهای مختلف

اگر شما طراح وب باشید، حتماً برایتان این مشکل پیش‌آمده که بعد از طراحی سایت متوجه شوید که چینش و نمایش بخش‌های مختلف پوسته در هرکدام از مرورگرها، کمی تفاوت دارد. این تفاوت در مرورگرهایی مانند کروم و فایرفاکس کم است ولی در مرورگری مانند اینترنت اکسپلورر، بیشتر از بقیه است که تقریباً باعث ایجاد مشکل برای یک برنامه‌نویس وب می‌شد.

دلیل این ناسازگاری، تنظیمات پیش فرضی است که برای هر کدام از این مرورگرها تنظیم‌شده است و هسته مرورگر از این تنظیمات استفاده می‌کند. چطور می‌توانیم این مشکل را برطرف کنیم؟ با استفاده از قطعه کدهای CSS که اصطلاحاً به آن‌ها CSS Reset گفته می‌شود، می‌توان این مشکل را برطرف کرد.

CSS Reset، پایان مشکل عدم سازگاری سایت با مرورگرهای مختلف

CSS Reset مجموعه‌ای از کدهای CSS است که تمامی استایل های پیش‌فرض عناصر و تگ‌های HTLM را که در مرورگرهای مختلف، با ظاهری متفاوت نمایش داده می‌شود را در حالت پیش‌فرض قرار می‌دهد. با استفاده از این روش، تمامی مرورگرها از تنظیمات پیش فرضی که شما برای سایتتان تعین کرده‌اید استفاده می‌کنند و سپس سایر تغییراتی را که شما بر روی سایت اعمال کرده‌اید را استفاده می‌کنند. این روش کمک می‌کند تا سایت شما با ظاهر یکسانی بر روی تمامی مرورگرها نمایش داده شود. فقط توجه داشته باشید که به دلیل اینکه تمامی خصوصیت‌ها به حالت پیش‌فرض و 0 برگردانده می‌شوند، نیاز است تا بعد از استفاده از CSS Reset، از دستور line-height در استایل تگ Body استفاده کنید تا فاصله بین خطوط کل قالب تنظیم شود.

در ادامه یک نمونه از CSS Reset آمده است:

درصورتی‌که می‌خواهید طراحی وب را شروع کنید و یا مایل به یادگیری مباحث بیشتری دارید، آموزش‌های زیر را پیشنهاد می‌کنیم:

#

بر اساس رای 1 نفر

آیا این مطلب برای شما مفید بود؟

نظر شما چیست؟

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

برچسب‌ها