ریسپانسیو

[omidparkour 37]

سلام

من میخوام یه سایت افقی طراحی کنم بعد الان میخوام ریسپانسیوش کنم به مشکل خوردم

میخوام بدونم کد زیر اصلا درسته ؟؟ که ادامه بدم

@media only screen and (min-device-height : 900px) {
#main{
background-size: 1366px 900px;
height: 900px;
}
#skil{
height: 900px;
}
#contact{
height: 900px;
}
}

ویرایش شده شهریور 93 توسط omidparkour

[amoozesh98 مهمان]

سلام میشه بگید این چیه ؟

background-size: 1366px 900px;

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

اردتمند : مسلم فلاح نیت

[omidparkour 37]

خب مشکلش مگه چیه؟؟

[alireza1375 892]

سلام میشه بگید این چیه ؟

background-size: 1366px 900px;

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

اردتمند : مسلم فلاح نیت

مشکلی نداره.یک نگاه به لینک زیر بکنید.

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background-size

[imanfakhar 26231]

کدتون برای عرض 1366pxو ارتفاع 900px درسته ولی قالب را از ارتفاع که رسپانسیو نمی کنند شما بهتر بود اسکرین افقی را بگیری و ابعاد دایوی که قراره توش اسیکرو.ل افقی انجام بشه با درصد بدی

[omidparkour 37]

متوجه منظورتون دقیق نشدم

خب از هر دو طرف یعنی هم ارتفاع و هم پهنا توی این نوع قالب باید ریپسپانسیو بشه دیگه

غیز اینه؟

چون بعضی مانیتور ها ارتفاعشون کمه و پهنا هم که دیگه متغییره و واضحه که باید حتما ریسپانسیو بشه

ویرایش شده شهریور 93 توسط omidparkour

[imanfakhar 26231]

فقط از پهنا رسپانسیو می کنند ارتفاع متغیر نیست و به اندازه مونیتور مرتبط نمی شه ارتفاع قابل اسکروله به هر حال باید کاربر کل مطلب را ببینه حالا اگه در عرض کمتر در نتیجه با ارتفاع بیشتر

[omidparkour 37]

خب به نظر شما من الان میخوام سایت افقی بزنم چیکار باید بکنم که توی همه پلتفرم ها درست نشون داده بشه؟

[omidparkour 37]

خب به نظر شما من الان میخوام سایت افقی بزنم چیکار باید بکنم که توی همه پلتفرم ها درست نشون داده بشه؟

[Pouya 1102]

خب به نظر شما من الان میخوام سایت افقی بزنم چیکار باید بکنم که توی همه پلتفرم ها درست نشون داده بشه؟

باید فقط برای عرض‌های مختلف (4 تا) استایل جدا بنویسی نه ارتفاع.

http://responsivetest.net/

http://mattkersley.com/responsive/

[imanfakhar 26231]

شما بهتر بود اسکرین افقی را بگیری و ابعاد دایوی که قراره توش اسکرول افقی انجام بشه با درصد بدی

[omidparkour 37]

چجوری دقیقا

شرمنده خوب متوجه نشدم

میشه یه کم واضح تر بگین

[imanfakhar 26231]

شما دقیقا توضیح بده قالب اصلی چجوریه تا بشه راهنمایی بیشتر کرد

[omidparkour 37]

قالب دقیقا افقی هست یعنی اسکرول افقی میخوره به جا اسکرول عمودی

میخوام یه ایده متفاوت باشه

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

میخوام بدونم که دقیق چی کنم که این نوع طراحی تو همه پلتفرم ها اوکی باشه

[imanfakhar 26231]

ارتفاع دایو اصلی را ثابت بگیرید و ترکیب لایه ها باید اینطوری باشه

http://jsfiddle.net/fakhar/ymLmxfqt/

[omidparkour 37]

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

چطور توی طراحی عادی نباید اسکرول افقی بخوره تو این طراحی هم نباید اسکرول عمودی بخوره

[imanfakhar 26231]

ما دیوایسی با ارتفاع کمتر از 320px که نداریم

تمام دنیا کاری که عرض کردم می کنند و روش درستش اینه حالا شما اگه دلت نمی خواد درست عمل کنی خود دانی

[omidparkour 37]

نه استاد چرا میزنی حالا

آخه نمیتونم درک کنم

چون نباید اسکرول عمودی بیندازه

فکر میکنم شما منظورم رو متوجه نشدین

[imanfakhar 26231]

منظورتون رو متوجه شدم

کوچکترین دیوایس برای مشاهده اینترنت ابعادش 240 در 320 است وقتی کادر از 320 کوچکتر باشه که دیگه اسکرول نداره

اگر هم بخواهید برای ارتفاع اسکرین را بگیرید باید با جی کوئری بگیرید نه css که توی هر مرورگری یه خروجی برای ارتفاع می ده

[omidparkour 37]

من چون ارتفاعم رو مقدار ثابت دادم مثلا من خودم الان با لپ تاپ چک میکنم درسته اما با کامپیوترم چک میکنم هم اسکرول افقی داره و هم عمودی

[حاج ایمان 486]

به نظره من بهتره از فریمورک های آماده استفاده کنید خیلی راحت و سریع میشه کارارو انجام داد

[imanfakhar 26231]

من چون ارتفاعم رو مقدار ثابت دادم مثلا من خودم الان با لپ تاپ چک میکنم درسته اما با کامپیوترم چک میکنم هم اسکرول افقی داره و هم عمودی

وقتی کادر از 320 کوچکتر باشه که دیگه اسکرول نداره

[omidparkour 37]

سلامی مجدد

من هنوز نتونستم مشکلم رو حل کنم

اینجوریه سایت به صورت آنلاین ببینید شاید تونستید کمک بیشتری کنید : امیدنیک راه

[imanfakhar 26231]

خوب بخاطر اینکه روشت اشتباهه دیگه اولا ابعادت الکی بزرگه و در ثانی همچین سایتی را با جی کوئری رسپانسیو می کنند یعنی اول ارتفاع را محاسبه می کنی و بعد عرض را بر همون مبنا می گیری

[omidparkour 37]

سلام

میشه یه نمونه بدین