{{ thread.title }}

behzad

@behzad {{ experience | farsi }} تجربه ٢ هفته پیش

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

زمانی که میخواهیم یک صفحه وب رو در انداره های مختلف نمایش بدیم لازمه ک یه سری کارها رو انجام بدیم تا اون صفحه وب در تبلت -موبایل و کامپیوتر به صورت مجزا نمایش داده بشه.

آیا میشه یه فایل css‌دیگه برای هر یک از پلتفرم ها تعریف کنیم؟یعنی اگر ما یک style.css‌داریم یک فایل style-mob.cssدیگه ای هم تعریف کنیم با استایل دیگه بجای اینکه بخواهیم از:

@media screen only{}

استفاده کنیم.

و اگر میشه چطور باید به صفحه html‌بفهمونیم که باید هرکدوم رو در اندازه های مختلف نمایش بده ؟یعنی با هر یک از استایل ها قاطی نشه:

<head>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style-mob.css">
<link rel="stylesheet" href="style-tab.css">
</head>

من برخی از وبسایت ها رو دیدم که زمانی که پنجره مرورگر رو کوچک میکنم حالت ریسپانسیو نمایش نمیده ولی همون وبسایت رو با موبایل باز میکنم حالت ریسپانسیو نمایش میده. و گزینه هاش سرجاشه.

به عنوان مثال: اینستاگرام، زمانی که اندازه مرورگر رو کوچک میکنیم به همون صورتی هست که در حالت بزرگ بود ولی وقتی با مرورگر موبایل به سایت مراجعه میکنیم همه گزینه ها وجود دارن:

عکس

لطفا راهنمایی کنید من در زمینه ریسپانسیو، مشکل دارم.

shahryarjb ویرایش شده توسط @shahryarjb