jamejam123
پنج شنبه 08 اسفند 1392, 17:47 عصر
سلام
به این کد ها یه نگا بندازید
من این کد رو واسه ریسپانسیو شدن صفحه ام نوشتم
تو کامپیوتر وقتی سایز صفحه مرورگر رو پایین میارم عمل میکنه ولی وقتی تو گوشی بازش میکنم عمل نمیکنه مشکلش کجاس.
با گوشی به سایت های ریسپانسیو میرم کار میکنه
مشکل این کد کجاست.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<style type="text/css">
#all{
max-width:800px;
height:400px;
background:#CCC;
margin:auto;
}
@media only screen and (max-width:400px){
#all{
max-width:800px;
height:400px;
background:#960;
margin:auto;
}
}
@media only screen and (max-width:300px){
#all{
max-width:800px;
height:400px;
background:#333;
margin:auto;
}
}
@media only screen and (max-width:200px){
#all{
max-width:800px;
height:400px;
background:#F00;
margin:auto;
}
}
</style>
</head>
<body>
<div id="all">
</div>
</body>
</html>
به این کد ها یه نگا بندازید
من این کد رو واسه ریسپانسیو شدن صفحه ام نوشتم
تو کامپیوتر وقتی سایز صفحه مرورگر رو پایین میارم عمل میکنه ولی وقتی تو گوشی بازش میکنم عمل نمیکنه مشکلش کجاس.
با گوشی به سایت های ریسپانسیو میرم کار میکنه
مشکل این کد کجاست.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<style type="text/css">
#all{
max-width:800px;
height:400px;
background:#CCC;
margin:auto;
}
@media only screen and (max-width:400px){
#all{
max-width:800px;
height:400px;
background:#960;
margin:auto;
}
}
@media only screen and (max-width:300px){
#all{
max-width:800px;
height:400px;
background:#333;
margin:auto;
}
}
@media only screen and (max-width:200px){
#all{
max-width:800px;
height:400px;
background:#F00;
margin:auto;
}
}
</style>
</head>
<body>
<div id="all">
</div>
</body>
</html>