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

[ramin149]

با سلام به دوستان
من وب سایت زیر را طراحی گردم
http://ads.berika.ir/

اما می خواهم div که در سمت چپ صفحه است (slide قرار داره )موقعی که وبسایت را روی تبلت و گوشی باز می کنم مخفی بشه . یا اینکه مثل قسمت چت سایت fb که رسولوژن سایت رو بالا می بریم اون قسمت کوچک می شه و یک کادر در پایین صفحه به وجود می یاد انجام بدم .
لطفا راهنمایی کنید . با تشکر .

[Saber Mogaddas]

سلام
دوست عزیز برای موبایل از یک css جداگانه استفاده کردید درسته؟ کافیه تو اون فایل در select دیو که می خواهید پنهان کنید display:none در نظر بگیرید..]
شرط گزاری برای موبایل و تبلیت به صورت زیر می باشد :

if (window.screen.width > 640){document.write('<meta name="viewport" content="width=980, user-scalable=yes" />')}
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))){document.write('<link rel="stylesheet" type="text/css" href="css/mobile.css" media="only screen and (max-width: 640px)" />')}

برای مشخص کردن css برای موبایل نیز از (handheld):


<link rel="stylesheet" href="http://domain.tld/mobile.css" type="text/css" media="handheld" />

منبع (http://css-tricks.com/resolution-specific-stylesheets/)
در هر صورت باید شرطی داشتی باشید که اگر مرورگر موبایل بود به یک صورت و در غیر اینصورت به صورت دیگر..
موفق باشید..