دو مشکل در نمایش سایت بر روی تبلت و مویایل

[pouria1980]

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

ممنون از راهنماییتون

 

[majid2x]

کد مخصوص css روی موبایل رو بکارببر تا فقط در صورتی که با موبایل و تبلت سایتت رو باز کردن تغییرات مورد نظرت اعمال بشه .

بطور مثال :

@media only screen and (max-device-width: 480px) {body {padding: 10px !important;}.container {padding: 0px 10px 5px 10px !important;}.header {font-size: 16px !important;}.headline {font-size: 20px !important;}#screenshot_image {width: 275px;height: 190px;}}

 

[pouria1980]

دمو قالب اچ تي ام ال دانلود شده در آدرس : http://cooper.mustachethemes.com/2/index.html قرار دارد

قالب به صورت واكنشگرا هست ولي بر روي موبايل صفحه اسكرول افقي مي خورد ! ممنون مي شم راهنمايي كنيد چه تغييري در سي اس اس بدم تا مشكل حل شود

تصوير قالب بر روي موبايل

 

[pouria1980]

كسي از دوستان نمي تونه كمكي كنه ؟ كه مشكل اسكرول افقي حل بشه ؟