نحوه تغییر رنگ با رسپانسیو کردن

نحوه تغییر رنگ با رسپانسیو کردن با این کد شما میتوانید به راحتی در موبایل رنگ بک گرند سایت خود را تغییر دهید و این متن را به صورت رسپانسیو نمایش دهید به همین سادگی. برای تست این کد کافیه که با موبایل وارد صفحه دمو کد بشید و یا اندازه پنجره مرورگرو کم کنید تا کد اجرا بشه.

دمو کد

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style>
body {
    background-color:lightgreen;
}

@media only screen and (max-width: 500px) {
    body {
        background-color:lightblue;
    }
}
</style>
</head>
<body>
<p>نحوه تغییر رنگ در رسپانسیو

با این کد شما میتوانید به راحتی در موبایل رنگ بک گرند خود را تغییر دهید و این متن را به صورت رسپانسیو نمایش دهیدبه همین سادگی.<br>برای تست این کد کافیه که با موبایل وارد این صفحه بشید و یا اندازه پنجره مرورگرو کم کنید تا کد اجرا بشه</p>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<style>

body {

background-color:lightgreen;

}

@media only screen and (max-width: 500px) {

body {

background-color:lightblue;

}

</style>

</head>

<body>

<p>نحوه تغییر رنگ در رسپانسیو

با این کد شما میتوانید به راحتی در موبایل رنگ بک گرند خود را تغییر دهید و این متن را به صورت رسپانسیو نمایش دهیدبه همین سادگی.<br>برای تست این کد کافیه که با موبایل وارد این صفحه بشید و یا اندازه پنجره مرورگرو کم کنید تا کد اجرا بشه</p>

</body>

</html>