کد css حذف لینک دانلود با کوچک شدن صفحه

سوال

سلام وقت بخیر
ی کد میخام برای اینکه فقط کاربران دسکتاپ بتونن لینک دانلود رو ببینن
یعنی با کوچیک شدن صفحه لینک دانلود نمایش داده نشه

حل شد 0
, ۱۳۹۷/۱۱/۱۱ ۱۳:۱۹:۳۶ 1 پاسخ ها کاربر تازه 0

پاسخ ها ( 1 )

  1. SOLTANE GHALBHA
    0
    ۱۳۹۷/۱۱/۱۱ ۱۴:۱۱:۳۱
    پاسخ
    این پاسخ ویرایش شد.

    سلام

    برای این کار میتونید از media@ استفاده کنید.

    که میتونیم ویژگی های یک تگ رو بر اساس روزلیشن تغییر بدیم.

    مثال:

    کد زیر را در یک فایل HTML ذخیره و اجرا کنید(از ابزار تست آنلاین کدهای HTML بپرسم هم میتونید استفاده کنید، کلیک کنید):

    ۱
    ۲
    ۳
    ۴
    ۵
    ۶
    ۷
    ۸
    ۹
    ۱۰
    ۱۱
    ۱۲
    ۱۳
    ۱۴
    ۱۵
    ۱۶
    ۱۷
    ۱۸
    ۱۹
    ۲۰
    ۲۱
    ۲۲
    ۲۳
    ۲۴
    ۲۵
    ۲۶
    ۲۷
    ۲۸
    ۲۹
    ۳۰
    ۳۱
    <!DOCTYPE html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
    body {
      background-color: yellow;
    }
     
    @media only screen and (max-width: 600px) {
      body {
        background-color: blue;
      }
    }
     
    @media only screen and (max-width: 400px) {
      body {
        background-color: red;
      }
    }
     
    </style>
    </head>
    <body>
     
    <h1>www.beporsam.ir</h1>
     
    <p>best question and answer website</p>
     
    </body>
    </html>

    در کد بالا ابتدا رنگ پس زمینه را    گذاشتیم، و مشخص کردیم اگه عرض صفحه ۴۰۰ پیکسل شد رنگ پس زمینه     و اگه ۴۰۰ پیکسل شد، رنگ پس زمینه      شود.

    حالا شما با توجه به اون تگی که دارید و عرضی که میخواید رو مشخص کنید و ویژگی Display رو برابر none قرار بدید، به صورت زیر:

    ۱
    display: none;

    موفق باشید.

    بهترین پاسخ
    • veby
      0
      ۱۳۹۷/۱۱/۱۱ ۱۷:۱۰:۰۱
      پاسخ

      خیلی ممنون . فقط اینکه تاثیر منفی روی نتایج گوگل نمیزاره؟! چون لینک دانلود رو توی تقریبا ۱۰۰۰ پست دارم

      • SOLTANE GHALBHA
        0
        ۱۳۹۷/۱۱/۱۱ ۱۸:۵۹:۱۳
        پاسخ
        این پاسخ ویرایش شد.

        خواهش میکنم، تنها تاثیری که میتونه داشته باشه نارضایتی کاربران میتونه باشه که در طبع اون از دست دادن کاربران رو به دنبال داره

        چون شما لینک دانلود رو که حذف نمیکنید، در واقع دارید لینک دانلود رو با کمک css از دید کاربر پنهان میکنید

        شما کاربران رو باید مطلع کنید که برای دانلود حتما سایت رو با نسخه دسکتاپ بالا بیارند

        اگر کاربر مطلع نباشه، فکر میکنه سایت شما سرکاری هست و همین به مرور زمان موجب از دست دادن کاربران میشه

ارسال یک پاسخ