PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : قرار دادن شرط برای اندازه صفحه در html


bax998
July 18th, 2013, 12:46
سلام دوستان من میخوام یک شرط داخل html قرار بدم که اگه اندازه صفحه کاربر از 700 پیکسل کمتر شد یک css دیگه رو اجرا کنه کسی هست بتونه کمک کنه؟ ممنون میشم راهنمایی کنید
EXXXIR
July 18th, 2013, 13:13
با سلام برای انجام این موارد بهتر هست از روش ریسپانسیو استفاده کنید. توی اینترنت جستجو کنید مقالات متعددی هست که برای هر سایزی بتونین طراحی جداگانه ای داشته باشید.
Maryat
July 18th, 2013, 20:09
به سایت آموزش طراحی سایت | webtarget (http://www.webtarget.ir/blog/) مراجعه کنید مقالات خیلی خوبی دارند....

با دستورات جاوا اسکریپت نظیر screen.width , screen.height میتونید این کار و انجام بدید
mehrdd
July 24th, 2013, 03:03
بهترین راه استفاده از media های css هست.
این رو براتون نوشتم :

<html>
<head>
<style>
#frame { background: red; }
@media only screen and (max-width: 700px) {
#frame { background: blue; }
}
</style>
</head>
<body>
<div id="frame">&nbsp;</div>
</body>
</html>
در حالت عادی رنگ پس زمینه frame قرمز هست و وقتی که سایز صفحه کمتر از 700px میشه رنگش آبی میشه ...
شما هر ruleی که خواستید میتونید داخل قسمت media بگذارید تا در زمانی که سایز صفحه کمتر از 700px شد اجرا بشه.