آموزش های حرفه ای
مای دیزاین به عنوان یکی از تولید کنندگان محتوای آموزشی در زمینه طراحی وب و گرافیک به صورت تصویری، با کیفیت و اختصاصی در خدمت شما کاربران عزیز می باشد!
نرم افزار آندروید
طراحی و ساخت نرم افزار آندروید خدمت جدیدی است که در مای دیزاین ارائه میشود. داشتن نرم افزار برای گوشی های هوشمند امری جدید و هیجان انگیز می باشد!
طراحی وب و گرافیک
یکی از خدمات ما طراحی سایت های ایستا و پویا با جدید ترین متد های روز دنیاست. ساخت قالب هایی سبک و در عین حال زیبا، با استفاده از وردپرس، تخصص ماست!
اطلاع از پشتیبانی دستور CSS به کمک Support

اطلاع از پشتیبانی دستور CSS به کمک Support
سلام. یکی از مشکلات طراحان وب مرورگر های کاربران است که از برند های مختلف و ورژن های متفاوت است. این مرورگر ها هسته های مختلفی دارند و کار با آنها بسیار مشکل است. امروز قصد معرفی دستوری رو دارم که این مشکل رو تا حدودی حل میکنه.
حالت کلی این کد به صورت زیر است:

@support (شروط) {
کدها
}

این کد به این صورت عمل میکند که یک شرط می نویسیم و در صورتی که شرط برقرار باشد کد ها اجرا می شود. شرط به این صورت است که یک دستور رو منویسیم برای مثال:

(display: grid;)

حال بررسی می شود که مرورگر مورد استفاده بازدید کننده این کد را پشتیبانی می کند یا خیر.
همچنین شما میتوانید با دستورات and و or هم شروط خود را افزایش دهید برای مثال:

((display: grid;) or (display:flexbox;)) and (column-count:3;)

یک مثال کامل از این قابلیت:

@support (display: grid;) {
	.selector {
	display: grid;
	grid-column: 3;
	grid-row: 1;
	grid-row-span: 2;
	}
}

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

پاسخ دهید

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

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