|
Сообщение от serdeles
|
|
проще вообще забить на JS и юзать для адаптивности @media запросы CSS?
|
но если очень хочется
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery 1</title>
<style type="text/css">
.one{background-color: green;}
.two{background-color: red;}
.three{background-color: darkviolet;}
.four{background-color: chocolate;}
.five{background-color: blue;}
.six{background-color:darkolivegreen;}
.seven{background-color: black;}
.eight{background-color: grey;}
#txt{font-size: 60px; color: white; font-family: sans-serif;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
var b = [0, 480, 640, 768, 800, 960, 1024, 1280, 1920];
$(window).on("resize", function() {
var c = document.documentElement.clientWidth,
d = 0;
b.every(function(a, b) {
return c > a ? (d = b, !0) : !1
});
var a = "eight one two three four five six seven eight";
$("body").removeClass(a).addClass(a=a.split(" ")[d]);
$("#txt").html(c + " " + a)
}).trigger("resize")
});
</script>
</head>
<body>
<h1 id="txt">1526</h1>
</body>
</html>