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

شاید خیلی وقت ها برای شما هم پیش آمده باشد که قصد داشته باشید ارتفاع صفحه خودتون رو ( height ) بر اساس صفحه نمایش کاربر تنظیم کنید ، درسته ممکنه خیلی ابتدایی باشه ولی هدف از این آموزش برای دوستان عزیزی که تازه شروع به کار کردن هست…

در چه شرایطی ممکنه این حالت پیش بیاد ؟

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

خوب برای این کار می تونید از یک دستور جاوا استفاده کنید که به راحتی این کار رو براتون انجام میده :

در این دستور به جای ‘#content می توانید اسم دایوی که قصد دارید ارتفاع بر روی آن اعمال شود را قرار دهید.

برای خود من پیش آمده بود که می خواستم ارتفاع صفحه ای که بر اساس صفحه نمایش کاربر بدست می آید رو ۱۰۰ پیکسل کمتر کنم و بعد در قسمت مورد نظر خودم اعمال کنم ، که برای انجام این کار از کد زیر استفاده می کنید  :

خوب برای بدست آوردن عرض صفحه هم بر اساس صفحه نمایش کاربر دقیقا می توانید از همین قطعه کد استفاده کنید و به جای height از width استفاده کنید…

برای استفاده ، کد مورد نظر خودتون رو قبل از تگ </body> قرار بدهید.

امیدوارم این قطعه کد کاربردی باشه براتون

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

بدست آوردن عرض و ارتفاع بر اساس صفحه نمایش کاربر
به این مطلب رای دهید
Telegram Facebook WhatsApp +Google Twitter LinkedIn

دیدگاه خود را بیان کنید

  • احسان
    ۲۴ آذر ۱۳۹۲

    با سلام
    بعد از استفاده از این کد دقیقا ارتفاع یا عرض کجا اعمال میشه؟

    • امیرحسین
      ۲۵ آذر ۱۳۹۲

      ارتفال و عرض رو که وارد کنید در قسمت style در کد html شما قرار میگیرد.
      برای مثلا #content نیازی نیست که از css ارتفاع و عرض وارد کنید اگر از این دستور استفاده می کنید.

دیدگاهتان را بنویسید

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.