Question

我正在制作宽度为1185像素（无响应）的标记。如何在所有手机和平板电脑上安装此宽度？它可以工作，如果我将宽度更改为960px但它不适合1185px。请帮忙！

由于

<!DOCTYPE html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>TV2V</title>
<meta name="description" content="">
</head>
<body>

    <div style="background:red; width:1185px; height:200px; margin:auto;">        
        Testing
    </div>

</body>
</html>

Answer 1

尝试在css中使用简单的媒体查询。例如，这些典型：

    /* xs */
@media screen and (max-width: 767px){

}
/* sm */
@media screen and (min-width: 768px){

}
/* md */
@media screen and (min-width: 992px){

}
/* lg */
@media screen and (min-width: 1200px){

}

请查看this和this文章。

Answer 2

<meta name="viewport" content="width=1185px, initial-scale=1">

将上面的内容放在

中

<head></head>

并且你没有错过

的开始标记

<head>

和

<html>

适用于所有移动设备的1185px（无响应）标记

2 个答案: