آموزش عدم نمایش css های سفارشی در موبایل و تبلت
من در قسمت منو جلوی آیتم ها یک border با css سفارشی ایجاد کردم ولی میخوام این border ها در موبایل و تبلت نمایش داده نشوند چیکار باید بکنم؟
سلام
برای اینکار باید ریسپانسیو css رو تو اینترنت سرچ کنی و یاد بگیری.
تگ webport و … رو یاد بگیرید.
…………………….
المنتور خودش برای موبایل و تبلت حالت ریسپانسیو داره
و روی بوردر ها هم کلی گزینه داره
چطور این کد ها و تگ ها رو توی المنتور استفاده کنم؟
آیا شما اموزشی در این خصوص دارین یا میشناسین؟
سلام
منبع این آموزش ها سایت هایی مثل سایت زیر هست.(این سایت مرجع html,css,js و… هست)
https://www.w3schools.com/css/css_rwd_intro.asp
از سمت چپ موارد مربوط به css responsive رو مرور کن.
ولی برای اینکه کارت راه بیافته فعلا از کد های زیر استفاده کن (برای تگ عکس تو کامپیوترو تبلت ارتفاع 500 دادم و تو موبایل ارتفاع 200 ) :
@media screen and (min-width: 361px) {
img {
/*اینجا کد های نمایشگر های بالاتر از موبایل – مثال : */
height: 500px !important;
}
}
@media screen and (min-width: 360px) {
img{
/*اینجا کد های نمایشگر های موبایل “بالای 200پیکسل” – مثال : */
height: 100px;
}
}
عرض پیش فرض موبایل رو اکثرا 350 به بالا میگیرن تبلت 750 و کامپیوتر 1024 (سلیقه ای هست)
بهتره تنظیم رو برای موبایل انچام بدی و ریسپانسیو رو برای کامپیوتر.
ممکنه !important اولش زیاد به کارت بیاد تا یاد بگیری
……
برای استفاده از css باید برید تب پیشرفته و css سفارشی رو بزنید
