نحوه حذف پیمایش افقی

فهرست مطالب:

نحوه حذف پیمایش افقی
نحوه حذف پیمایش افقی

تصویری: نحوه حذف پیمایش افقی

تصویری: نحوه حذف پیمایش افقی
تصویری: قابلیت های جذاب و جدید گوشی های شیائومی 2024, ممکن است
Anonim

از نوارهای پیمایشی برای تغییر موقعیت محتوای نمایش داده شده در پنجره برنامه ، اغلب صفحه سند استفاده می شود. به طور پیش فرض ، آنها به صورت خودکار در مواردی ظاهر می شوند که عرض یا ارتفاع پنجره برای نمایش کل صفحه باز کافی نیست. بنابراین ، برای خلاص شدن از شر نوار پیمایش افقی ، باید عرض صفحه یا پنجره برنامه ای را که در آن باز است تغییر دهید.

نحوه حذف پیمایش افقی
نحوه حذف پیمایش افقی

دستورالعمل ها

مرحله 1

کوچک کردن صفحه - این ساده ترین راه برای حذف نوار پیمایش افقی هنگام مشاهده صفحه است. در هر مرورگری این کار را می توان با چرخاندن چرخ ماوس به سمت خود در حالی که کلید ctrl را نگه داشته اید ، انجام داد. بسیاری از ویرایشگران متن (به عنوان مثال Microsoft Word) نیز از چنین کنترل بزرگنمایی صفحه پشتیبانی می کنند. در مرورگرها می توانید از کلید منهای به جای ماوس نیز استفاده کنید. با هر کلیک یا چرخش چرخ ، یک توقف 10٪ بزرگنمایی می کند تا اندازه افقی به اندازه کافی بزرگ باشد تا صفحه بدون نوار پیمایش افقی نمایش داده شود.

گام 2

از توانایی مرورگر در دستکاری کد منبع یک صفحه وب و تغییر سبکهای نمایش مشخص شده در آن برای مطابقت با عرض پنجره استفاده کنید - بعضی از مرورگرهای وب این گزینه را دارند. به عنوان مثال ، در مرورگر Opera ، فقط باید روی نماد "متناسب با عرض" کلیک کنید و نوار پیمایش افقی ناپدید می شود ، و ستون های صفحه مشاهده شده اندازه خود را تغییر می دهند. اگر بازگشت به طرح صفحه مشخص شده توسط سازنده ضروری شد ، دوباره روی این نماد کلیک کنید.

مرحله 3

هنگام ایجاد صفحات وب ، از ویژگی CSS overflow-x استفاده کنید تا پیمایش افقی کل صفحه یا عناصر بلوک جداگانه آن را به زور غیرفعال کند. این ویژگی از نسخه 3.0 در CSS معرفی شده است و توسط همه مرورگرهای مدرن پشتیبانی می شود. مقادیری که می توان به آن اختصاص داد خودکار ، پنهان ، پیمایش ، قابل مشاهده است. اگر این ویژگی در توصیفات سبک مشخص نشده باشد ، در نظر گرفته می شود که دارای مقدار خودکار باشد ، یعنی وقتی محتوا متناسب با عرض عنصر نیست ، پیمایش افقی باید ظاهر شود. برای غیرفعال کردن پیمایش برای همه موارد ، از مقدار پنهان استفاده کنید. مثلا:

body {overflow-x: hidden؛}

توصیه شده: