چگونه کد HTML قرار دهیم که فقط با کامپیوتر قابل مشاهده باشه نه موبایل

[khashayar 4]

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

[mk-73 165]

سلام ودرود

دوست عزیز از مدیا کوئری استفاده کنید /

[khashayar 4]

مدیا کوئری چی هست ؟ بیشتر توضیح میدید

 

[mk-73 165]

یکی از روش های ساخت قالب های واکنش گرا یاریسپانسیو است ببینید مثلا

@media only screen and (min-width:401px) and (max-width:501px){
#header-logo img{ margin:auto !important;}
}

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

[khashayar 4]

دمت گرم طرز استفاده به چه صورت هست ایا مثل کد Html میشه هر جا استفاده کرد ازش

[gharbdesign 3]

سلام

کد های اچ تی ام التون رو بنویسید سپسدر فایل سی اس اس کد هاتون رو در سایز بزرگتر بنویسی و در سایز های کوچیک دیزپلی اون نون کنید یه مثال میزنم من میخوام یه تگ p در کامپیوتر نمایش داده بشه در بقیه سیستم ها ن

<p class="test">غرب دیزاین</p>

در فایل سی اس اس به این شکل بنویسید

@media (max-width: 767px) {
	/* اینجا کد مربوط به استایلی که در موبایل و تبلت قراره نمایش داده بشه رو قرار دهید به عنوان مثال من میگم در تبلت و موبایل نشون نده */
p.test{
	display:none !important;
}

}

@media (min-width: 768px) and (max-width: 1200px) {
/* استایل هاتون رو اینجا تعریف کنید به عنوان مثال خط زیر */
p.test{
	color:#000;
}

مایکرو مدیا ها کاربرد های زیادی دارد که حتما ازشون استفاده کنید

سوالی بود درخدمتم

[khashayar 4]

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