قرار دادن شرط برای اندازه صفحه در html

**~~bax998~~** · July 18th, 2013, 12:46

سلام دوستان من میخوام یک شرط داخل html قرار بدم که اگه اندازه صفحه کاربر از 700 پیکسل کمتر شد یک css دیگه رو اجرا کنه کسی هست بتونه کمک کنه؟ ممنون میشم راهنمایی کنید

**EXXXIR** · July 18th, 2013, 13:13

با سلام برای انجام این موارد بهتر هست از روش ریسپانسیو استفاده کنید. توی اینترنت جستجو کنید مقالات متعددی هست که برای هر سایزی بتونین طراحی جداگانه ای داشته باشید.

**Maryat** · July 18th, 2013, 20:09

به سایت آموزش طراحی سایت | webtarget مراجعه کنید مقالات خیلی خوبی دارند....

با دستورات جاوا اسکریپت نظیر screen.width , screen.height میتونید این کار و انجام بدید

**mehrdd** · July 24th, 2013, 03:03

بهترین راه استفاده از media های css هست.
این رو براتون نوشتم :

کد HTML:

<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 شد اجرا بشه.

موضوع: قرار دادن شرط برای اندازه صفحه در html

ابزارهای موضوع

نحوه نمایش موضوع

قرار دادن شرط برای اندازه صفحه در html

پاسخ : قرار دادن شرط برای اندازه صفحه در html

تعداد تشکر ها از EXXXIR به دلیل پست مفید

پاسخ : قرار دادن شرط برای اندازه صفحه در html

تعداد تشکر ها از Maryat به دلیل پست مفید

پاسخ : قرار دادن شرط برای اندازه صفحه در html

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

موضوعات مشابه

تغییر از var/www/html به /home/www/html چطوری میشه

ارسال ایمیل html

طراحی تخصصی قالب PSD - تبدیل PSD به HTML - تبدیل HTML به Wordpress

برچسب های قالب بندی متن html

[آموزش html]جلسه سوم : خواص html

مجوز های ارسال و ویرایش