رفتن به مطلب

پست های پیشنهاد شده

درود بر دوستان

من صفحه ای رو طراحی کردم که شامل یک بک گراند و شش دیو مختلف هست که هر کدام از دیو ها یک عکس بصورت ساختمان گذاشتم که مثلاً با کلیک روی هر کدام از ساختمانها به بخشی از سایت هدایت میشوند.

مشکل اینجاست که در زمان کوچک کردن نمایشگر (مثلا 680 پیکسل یا 480 پیکسل) ساخنمانها کوچک نمیشوند ( البته اینو بگم که با width 100% هم امتحان کردم اما فقط سه ساختمان از شش ساختمان کوچک میشود و بقیه در سایز اصلی میماند)

عکس هر دو فرم رو اینجا میگذارم.

سوال :

آیا کلاً مدل جدا بودن دیو ها اشتباه است ؟

آیا باید همه دیو ها رو در یک باکس دیگه جا داد ؟

بهترین راه حل چیه ؟

لینک عکس ها : https://plus.google.com/photos/103675281478617938112/albums/5953821918557944993?sort=1

post-4092-0-21638500-1386232433_thumb.pn

post-4092-0-25730500-1386232448_thumb.pn

لینک به ارسال

به عکسها بدید:

 width: 100%;
display: block;
max-width: 100%;

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

مثل این عکس

post-4092-0-57302000-1386594701_thumb.pn

لینک به ارسال
  • 2 هفته بعد...
  • 5 هفته بعد...

مشکل احتمالا از انه که شما به عکسها اندازه ثابت دادین

عکسها یک سری آیکون هستند که با left , top جاشون مشخص شده .برای دیوایس معمولی یک موقعیت و برای دیوایس کوچک موقعیت دیگر تعیین کردم . اما باز فقط آیکون های سمت راست واکنشگرا میشوند بقیه ثابت میمانند

لینک به ارسال

اگر دمو آنلاین باشه خیلی بهتره

میشه کدها رو بررسی کرد

لینک به ارسال

اگر دمو آنلاین باشه خیلی بهتره

میشه کدها رو بررسی کرد

میشه راهنمایی کنید چطور میتونم از دموی آنلاین استفاده کنم ؟

لینک به ارسال

منظورشون اینه که آپلود کنید و لینک آنلاین بدید.

من فایلها رو روی لوکال هاست دارم.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...