رسپانسیو صفحات

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

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

توصیه میکنم داخل اینسپکتور یا فایل استایلت یه همچین استایلی رو بنویسی تا ببینی عرض کدوم المان داره مشکل ایجاد میکنه :

*{
	border: 1px solid red!important;
}

میتونی با css اسکرول بار رو‌ مخفی کنی :

body {
  overflow: hidden; /* Hide scrollbars */
}

از روش زیر هم میتونی استفاده کنی :

body {
  overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */
}

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

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  html,
  body {
    width: 100%;
    overflow-x: hidden;
  }
}