سوال: بهم ريختن سايت با زوم كردن صفحه [بایگانی]

khataei

جمعه 13 دی 1392, 16:35 عصر

سلام به همگي .
من به تازگي يه سايت طراحي كردم اما با زوم كردن صفحه سايت اجزاي آن بهم مي ريزه ، چي كار كنم كه مشكلم حل شه ، ممنونم !

khataei

جمعه 13 دی 1392, 16:46 عصر

براي مشاهده مي تونيد به سايت arks.zgig.ir برويد ، مي بينيد كه با دو بار zoom in كردن ، صفحه بهم مي ريزه ! ممنون مي شم راهنمايي كنيد

barzin144

جمعه 13 دی 1392, 17:21 عصر

دوست عزیز راحترین راهکار این است که یه div بگذارید که همه المان ها را در بر میگیرد حالا یه عرض ثابت به این div بدهید مثلا 960px و با margin auto در وسط صفحه نگه دارید با این کار هم با zoom و هم با resize کردن ،المان ها به هم نمیریزن و درصورت نیاز صفحه اسکرول میخورد.

khataei

جمعه 13 دی 1392, 18:58 عصر

دوست عزیز راحترین راهکار این است که یه div بگذارید که همه المان ها را در بر میگیرد حالا یه عرض ثابت به این div بدهید مثلا 960px و با margin auto در وسط صفحه نگه دارید با این کار هم با zoom و هم با resize کردن ،المان ها به هم نمیریزن و درصورت نیاز صفحه اسکرول میخورد.

ممنونم از پاسختون ، اما دوست عزيز آيا مي شه به جاي pixel از درصد استفاده كرد ؟
آخه من مشكلم با اين هستش كه اين سايت در تبلت ها بهم مي ريزه فكر كنم علت اين موضوع هم به خاطر زوم كردن صفحه توسط مرورگر تبلت هاست ! چون دقيقا مانند حالتي مي شه كه در كامپيوتر زوم مي كنيم !!

barzin144

جمعه 13 دی 1392, 20:27 عصر

با این کار تو تبلت کل صفحه به صورت zoom out نشون داده میشه برای استفاده از درصد باید همه عناصر براساس درصد باشه , اگه میخواید باید کلا رسپانسیو باشه سایتون
http://barnamenevis.org/showthread.php?434438-%D8%A7%D9%85%D9%88%D8%B2%D8%B4-%D9%82%D8%AF%D9%85-%D8%A8%D9%87-%D9%82%D8%AF%D9%85-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%88%D8%A7%DA%A9%D9%86%D8%B4%DA%AF%D8%B1%D8%A7
اینا میتونه کمکتون کنه
http://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design

khataei

جمعه 13 دی 1392, 21:45 عصر

با این کار تو تبلت کل صفحه به صورت zoom out نشون داده میشه برای استفاده از درصد باید همه عناصر براساس درصد باشه , اگه میخواید باید کلا رسپانسیو باشه سایتون
http://barnamenevis.org/showthread.php?434438-%D8%A7%D9%85%D9%88%D8%B2%D8%B4-%D9%82%D8%AF%D9%85-%D8%A8%D9%87-%D9%82%D8%AF%D9%85-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%88%D8%A7%DA%A9%D9%86%D8%B4%DA%AF%D8%B1%D8%A7
اینا میتونه کمکتون کنه
http://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design

خيلي ممنونم