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