Re: فاز سوم پروژه

6 views
Skip to first unread message

Majid Kazemitabar

unread,
Jul 22, 2013, 3:03:42 PM7/22/13
to Nastaran Shekofte, hci-sha...@googlegroups.com
بازم خواهش می کنم سوالاتون رو توی گروپ بپرسید :)

نه 1024 میشه حالت Landscape توی یک iPad
احتمالا چیزی بیشتر از اینه... مثلا صفحه نمایش من که Widescreen هم هست 1366 پیکسله


2013/7/22 Nastaran Shekofte <nastaran....@gmail.com>

ببخشید من هی سوال می پرسم :"<

من الان توی css ام نوشتم @media screen and (max-width:1024px) بعد این که الان سایز خود کامپیوتر مگه نیست؟ الان سایتم کلا گند میخوره با این جمله.جای همه چیز عوض میشه.اندازشون و ... :-ss

 

 

 



2013/7/22 Majeed Kazemitabaar <majid.ka...@gmail.com>
اگه از Fluid استفاده کرده باشین که نمره بیشتری می گیرین برای بخش سوم (یعنی طراحی نسخه موبایل) ولی خوب خیلی ناچیزه احتمالا! بیشتر نمره دهی سر طراحی جدیدتون برای اون اندازه های کوچیک مهمه.
 
نه دیگه برای عرض هیچ محدودیتی نداره وقتی مینویسید max-width:320px ... چون پارامتر محدود کننده اونجا عرض محسوب میشه و اصولا توی گوشی ها استفاده از scroll در جهت عمودی هیچ اشکالی نداره... مگر اینکه دیگه خیلی بخواید Minimalist Design کنید.
 
موفق باشید
 
From: Nastaran Shekofte
Sent: ‎Monday‎, ‎July‎ ‎22‎, ‎2013 ‎8‎:‎43‎ ‎PM
To: Majeed Kazemitabaar
 

سلام.آهان خیلی ممنون

بعد توی این فیلم ها از fluid استفاده کرده ولی ما برای صفحه کامپیوتر که زدیم حواسمون به این قضیه نبود و از pixel استفاده کردیم. اینجوری دیگه دوباره برای صفحه موبایل هم مقدار میدیم.اشکال نداره از fluid استفاده نکنیم؟

یه سوال دیگه هم که الان برای موبایل می نویسیم @media screen and (max-width:320px) ؟ یعنی فقط width و مشخص می کنیم؟ خودش عرض و 480 می گیره؟ بعد توی یه دونه فایل css 2 تا از این جمله ها باید بنویسیم که حالا با توجه به اینکه عرضمون توی firefox چنده یا اسکرین کامپیوتر و نشون میده یا موبایل رو؟

 

خیلی خیلی ممنون

 


2013/7/22 Majeed Kazemitabaar <majid.ka...@gmail.com>
سلام سلام
نه!!!!
 
قراره طراحی تون رو برای یک صفحه کوچیکتر دوباره انجام بدین!
یعنی... وقتی که Width و Height شما کوچیک میشه... بتونید یه صفحه قابل استفاده داشته باشید
 
برای این کار کافیه یه بار همین چیزی که تا الان درست کردین رو با Firefox باز کنین و بعد با Developer Tools اش (دکمه Q) اون پایین سمت راست یه دکمه به اسم Responsive Design Mode داره که می تونید مثلا سایز یک آیفون رو بهش بدین => 320x480... خوب وقتی کوچیک شده میبینید همه چیز بهم میریزه
کافیه الان بیاین توی CSSتون یه Media Query استفاده کنید و بگید برای مثلا این اندازه خاص از این Ruleهای CSS استفاده کنید! با اینکار می تونید طراحی تون رو تا حد زیادی برای یک صفحه نمایش جدید تغییر بدین
 
توی اون ویدئو ها مثال هایی داشت از این کار،
باز هم اگه سوالی داشتید هستم در خدمتتون،
موفق باشید
 
From: Nastaran Shekofte
Sent: ‎Monday‎, ‎July‎ ‎22‎, ‎2013 ‎5‎:‎19‎ ‎PM
To: Majid Kazemitabar
 
سلام.خسته نباشید
ببخشید برای ما که طرحمون برای کامپیوتر بوده، الان برای گوشی موبایل باید مثلا عکس یه آیفون رو بذازیم توی صفحه و داخل اون حالا آیکون هامون رو بذاریم ؟
خیلی ممنون



Reply all
Reply to author
Forward
0 new messages