<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
@media (max-device-width: 480px) {
.container {
zoom: 1.8; /* same as initial-scale=1 */
width: device-width;
}
<link rel="stylesheet" href="{% static 'css/jslider.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'css/jslider.blue.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'css/jslider.plastic.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'css/jslider.round.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'css/jslider.round.plastic.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'bin/jquery.slider.min.css' %}" type="text/css">
<script type="text/javascript" src="{% static 'bin/jquery.slider.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/jquery-1.7.1.js' %}"></script>
<script type="text/javascript" src="{% static 'js/jshashtable-2.1_src.js' %}"></script>
<script type="text/javascript" src="{% static 'js/jquery.numberformatter-1.2.3.js' %}"></script>
<script type="text/javascript" src="{% static 'js/tmpl.js' %}"></script>
<script type="text/javascript" src="{% static 'js/jquery.dependClass-0.1.js' %}"></script>
<script type="text/javascript" src="{% static 'js/draggable-0.1.js' %}"></script>
<script type="text/javascript" src="{% static 'js/jquery.slider.js' %}"></script>
<input id="Slider5" type="slider" name="area" value="600;720" style="display: none;">