خطای پایگاه‌داده وردپرس: [Got error 28 from storage engine]
SHOW FULL COLUMNS FROM `wp_options`

خطای پایگاه‌داده وردپرس: [Got error 28 from storage engine]
SELECT t.*, tt.*, tr.object_id FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('category', 'post_tag', 'post_format', 'hashtags') AND tr.object_id IN (1934) ORDER BY t.name ASC

واحد‌های اندازه گیری در CSS
  • شاخه: دسته‌بندی نشده    ::    بازدید: ۱۵۳۶
  • ۶

واحد‌های اندازه گیری در CSS

در css روش‌های مختلفی برای تعیین اندازه المان‌ها وجود دارد. این روش‌ها به دو نوع مطلق (Absolute) و نسبی (Relative) تقسیم می‌شوند. برای انواع مطلق، می‌توان واحد‌هایی مانند اینچ، سانتیمتر، Points و برای واحد‌های نسبی می‌توان مواردی مانند درصد و یا em را نام برد. شما ممکن است در یک فایل css از چند روش به صورت همزمان استفاده کنید.

لیستی این واحد‌های اندازه گیری به شرح زیر اشت:

  1. واحدهای اندازه‌‌گیری نسبی (Relative Lengths)
    • em
    • ex
    • ch
    • rem
    • vw
    • vh
    • vmin
    • vmax
    • %
    • px
  2. واحد‌های اندازه‌گیری مطلق (Absolute Lengths)
    1. cm
    2. mm
    3. in
    4. pt
    5. pc

 

استفاده از em

این واحد اندازه‌گیری معمولا برای تایپوگرافی استفاده می‌شود. مبنای اندازه در یک تایپ‌فیس اندازه حرف M بزرگ انگلیسی هست.

1em برابر است با:  1em = 16px = 0.17in = 12pt == 1pc = 4.2mm = 0.42cm

 

استفاده از ex

از ex جهت تعیین اندازه x-height به صورت نسبی برای فونت‌ها استفاده می‌شود. x-height ارتفاع فونت‌ها را بر مبنای حرف x کوچک انگلیسی تعیین می‌نماید.

x-height3

 

استفاده از ch

واحد ch شبیه ex هست با این تفاوت که با تغییر font-family تغییر می‌کند.

 

استفاده از rem

واحد اندازه گیری rem مشابه em است، اما همیشه از المان اصلی ریشه (root) ارث‌ می‌برد. منظور از المان اصلی ریشه در یک ساختار استاندارد همان المان HTML است. برای درک بهتر تفاوت rem با em تصویر زیر را مشاهده کنید.

li-rem

 

استفاده از vw

مبنای این اندازه‌گیری ۱٪ از اندازه عرض viewport هست. با توجه به اینکه viewport ممکن است در دستگاه‌های مختلف (مونیتور، تبلت، گوشی و … ) متغییر باشد، استفاده از vw در تعیین اندازه مفید خواهد بود. منظور از Veiwport همان اندازه نمایش مرورگر است و اگر برای مثال این اندازه 1280 پیکسل باشد وقتی ما اندازه 3vw را برای المان خودمان تعریف کنیم با توجه به عدد 1280 باید اندازه حدود 38.4px را داشته باشیم. البته مشخص است که این عدد با تغییر اندازه صفحه مرورگر تغییر خواهد کرد.

 

استفاده از vh

تمامی موارد گفته شده برای vw برای vh هم صدق می‌کند با این تفاوت که این بار ارتفاع viewport مد نظر خواهد بود.

 

استفاده از vmin و vmax

این واحد مورد تکمیلی برای تعیین اندازه با viewport است. در واقع اگر شما از vmin استفاده کنید در بین ارتفاع و عرض viewport اندازه‌ی کوچکتر به عنوان مبنا انتخاب خواهد شد. در مقابل vmax بین عرض و ارتفاع، اندازه بزرگتر را به عنوان مبنا قرار خواهد داد.

 

استفاده از %

واحد اندازه‌گیری درصد بر مبنای اندازه المان والد تعیین می‌شود.

 

استفاده از px

حس می‌کنم این واحد اندازه گیری به قدری استفاده شده که نیازی به توضیح ندارد 🙂

 

استفاده از cm و mm و in

در واقع شاید استفاده از واحد‌های اندازه‌گیری سانتیمتر، میلیمتر و یا اینچ در طراحی وب کاربردی نداشته باشد. ولی به هر حال این واحد‌ها هم برای اندازه‌گیری وجود دارند. در زیر معادل هر کدام را بر اساس پیکسل مشاهده می‌کنید.

1cm = 37.8px      1mm = 3.78px     1in = 96px

استفاده از pt

شما می‌توانید از point برای تعیین اندازه المان‌ها یا فونت استفاده کنید. در واقع point یک واحد اندازه‌گیری فیزیکی است و هر point معادل 1/72 اینچ هست.

 

استفاده از pc

داستان pica یا همان pc هم مانند point هست. هر pc معادل دوازده point هست.  1pc == 12pt

 

نتیجه:

این که کدام یک از اینها در کجا کاربرد دارند و یا در کجا استفاده می‌شوند کاملا به خود شما بستگی دارد. شما باید بر اساس نوع محتوا ،‌صفحه نمایش‌های مختلف و موارد دیگر تصمیم بگیرید. فقط توجه کنید که قبل از استفاده از آنها در صورت نیاز از سایت Can I Use  بررسی کنید که چه مرورگرهایی آنها را پشتیبانی می‌کند.

منابع: + + +

پیام صادری

در حال حاضر فریلنس هستم و بیش ۱۰ سال هست که در زمینه front-end و مدیریت سرورهای لینوکس فعالیت می‌کنم. و طی این سالها تجربیاتی خوبی هم کسب کردم. یکی از طرفداران Open Source هستم و سعی می‌کنم در فعالیت‌های داوطلبانه این حوزه شرکت کنم. همیشه در حال یادگیری تکنولوزی‌های جدید هستم و از تولید پادکست و نوشتن وبلاگ لذت می‌برم.

همچنین ممکن است دوست داشته باشید ...

خطای پایگاه‌داده وردپرس: [Got error 28 from storage engine]
SELECT t.*, tt.* FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('category') AND tr.object_id IN (724) ORDER BY t.name ASC

خطای پایگاه‌داده وردپرس: [Got error 28 from storage engine]
SELECT t.*, tt.* FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('post_tag') AND tr.object_id IN (724) ORDER BY t.name ASC

خطای پایگاه‌داده وردپرس: [Got error 28 from storage engine]
SELECT t.*, tt.* FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('hashtags') AND tr.object_id IN (724) ORDER BY t.name ASC

class="post-724 post type-post status-publish format-standard has-post-thumbnail hentry">
۰
  • خطای پایگاه‌داده وردپرس: [Got error 28 from storage engine]
    SELECT t.*, tt.* FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('post_format') AND tr.object_id IN (959) ORDER BY t.name ASC

  • خطای پایگاه‌داده وردپرس: [Got error 28 from storage engine]
    SELECT t.*, tt.* FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('category') AND tr.object_id IN (959) ORDER BY t.name ASC

    خطای پایگاه‌داده وردپرس: [Got error 28 from storage engine]
    SELECT t.*, tt.* FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('post_tag') AND tr.object_id IN (959) ORDER BY t.name ASC

    خطای پایگاه‌داده وردپرس: [Got error 28 from storage engine]
    SELECT t.*, tt.* FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('hashtags') AND tr.object_id IN (959) ORDER BY t.name ASC

    class="post-959 post type-post status-publish format-standard has-post-thumbnail hentry">
    ۰
  • خطای پایگاه‌داده وردپرس: [Got error 28 from storage engine]
    SELECT t.*, tt.* FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('post_format') AND tr.object_id IN (2721) ORDER BY t.name ASC

  • خطای پایگاه‌داده وردپرس: [Got error 28 from storage engine]
    SELECT t.*, tt.* FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('category') AND tr.object_id IN (2721) ORDER BY t.name ASC

    خطای پایگاه‌داده وردپرس: [Got error 28 from storage engine]
    SELECT t.*, tt.* FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('post_tag') AND tr.object_id IN (2721) ORDER BY t.name ASC

    خطای پایگاه‌داده وردپرس: [Got error 28 from storage engine]
    SELECT t.*, tt.* FROM wp_terms AS t INNER JOIN wp_term_taxonomy AS tt ON t.term_id = tt.term_id INNER JOIN wp_term_relationships AS tr ON tr.term_taxonomy_id = tt.term_taxonomy_id WHERE tt.taxonomy IN ('hashtags') AND tr.object_id IN (2721) ORDER BY t.name ASC

    class="post-2721 post type-post status-publish format-standard has-post-thumbnail hentry">
    ۴

    ۶ واکنش

    1. mamad گفت:

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

    2. Saeed Zarinfam گفت:

      یکی از بهترین مطالب فنی فارسی بود که تا به حال خوندم.

    3. مسعود گفت:

      یکی از کاربردی‌ترین مطالب بود. ممنونم.

    4. کاربر دایم مجله hive گفت:

      خیلی جامع و کاربردی بود .. ممنون

    5. عشق گفت:

      سلام
      ممنونم برای این پست خیلی خوب
      یک سوال وقتی ۱۰۰% در ارتفاع داشته باشیم با مقدار ۱۰۰vh یکی هست؟

    6. س گفت:

      خیلی خوب بود .

    پاسخ دهید

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