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

[hastiam]

سلام دوستان
من یک سایتی نوشتم و از خاصیت bootstrap استفاده کردم یک قسمتی وجود داره به نام اخبار تازه، که متن اخبار، داخل مانیتور خوب نشون میده ولی تو صفحه ی موبایل که فونت ریز میشه فاصله بین خطوط به همون نسبت کم نمیشه (همانطور که در تصویر میبینید) چجوری میتونم بگم که وقتی صفحه نمایش کوچیکتر میشه چون فونت نوشته کوچیک میشه فاصله خطوط هم کم بشه؟
در ضمن اینکه هر پاراگراف شامل عنوان و متن است که عنوان داخل تگ h1 و متن اخبار داخل تگ p نوشته شده است.
من نمیخوام فاصله بین تگ ها رو کم کنم بلکه میخوام فاصله بین خطوط داخل هر تگ p که به خاطر کوچیک بودن کادر چند سطری میشه رو کم کنم.149531

[anvar]

شما باید در مرورگرت inspect بگیری و خطوط رو چک کنی اینجوری متوجه میشی که فاصله زیاد بین ایتم ها از چی هست. ایا padding دارند یا از مارجین هست یا شاید ارتفاع خطوط font-wight اونها زیاده - اینجوری می تونی فاصله ها رو کنترل کنی
برای متن پاراگراف ها هم باید خاصیت line-height رو کنترل کنی و مقدار مناسب رو انتخاب کنی مثلا 22 پیکسل یا 27 پیکسل - هر کدوم که مناسب بود ست کن

در ضمن در صفحات وب تگ H1 فقط یکبار استفاده میشه و نه بیشتر - اینجوری که من متوجه شدم شما برای عنوان هر پاراگراف از یک H1 جداگانه استفاده می کنید که اشتباهه - برای عنوان پاراگراف ها از تگ ها H2 یا H3 استفاده کنید چون سئو مهمه و از قسمت طراحی و ساختار سایت شروع میشه تا محتوای نهایی سایت