Printable View
یه ایرادهایی هنوز داره. البته من یه نگاه اجمالی انداختم. چرا یه چیزهایی رو حذف کردین با کوچک شدن سایز؟ از جمله اون تصویر زیر منو و لوگوهای فوتر وقتی سایز خیلی کوچیک می شه. بعضی عناصر هم با کوچک شدن سایز، در وسط صفحه قرار نمی گیرن.
اون جدول ها هم در لینک دوم ایراد دارن. عرضشون خیلی زیاده (در حالتی که عرض براوزر روکم کنیم).
دوستان خواهشا این بنده خدا رو گیج نکنید . هر کسی میاد یه چیزی میگه . شاید روش همگیتون درست باشه اما برای ایشون فعلا بهترین روش همون چیزی است که کارفرما ازش خواسته . تنها ریسپانسیو کنه و وارد بحث بوت استرپ و .. نشه .
بنده هم پیشنهاد میکنم . مراحل زیر رو طی کنند .
1. نوشتن مدیا کوئری های جدا برای هر دیوایس
2. استفاده از متا تگ viewport :
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
3.تنظیمات مدیا :
<link rel="stylesheet" media="screen and (orientation: portrait) and (min-width: 960px), projection" href="style.css" />
4. استفاده از اسکریپت modernize :
http://modernizr.com/ (در صورت عدم پشتیبانی مرورگر کاربر از یک دستور، Modernizr به ما کمک می کند دستور یا تنظیمات جایگزین را قرار دهیم.)
5. استفاده از TouchSwipe :
TouchSwipeدر حقیقت یک پلاگین برای کتابخوانه محبوب جی کوئری است. به کمک TouchSwipe می توانیم جسچرها و ایونت های مربوط به صفحات لمسی را در سایت خود قرار دهیم. Swipe، Pinch، Zoom و Scroll از جمله این جسچرها هستند.http://labs.rampinteractive.co.uk/touchSwipe/demos/
شماره 4 و 5 ضروری نیست . هر چند استفاده ازش خوبه .
اگر متوجه نشدین . برام قالبتون رو ارسال کنید . بنده تنظیمات اولیه رو انجام میدم براتون ارسال میکنم الباقی رو خودتون درست کنید .
ایمیل : asila [dot] ir [at] hotmail [dot] com
موفق باشید .
سلام
من با تبلت چک کردم مشکل خاصی نبود فقط محتویات صفحه وسط نبود و کمی فضای خالی از سمت چپ داشت
پیشنهاد میکنم سایتتون رو در این سایت چک کنید
http://www.responsinator.com/