我在移动设备上看到我的网站时遇到了麻烦

Question

我正在制作一个网站，它在电脑上完美运行但是当我尝试在手机上预览时，我遇到了一些问题。

任何人都可以帮助我吗？ 我在这个属性的div里面得到了所有东西。

width: 960px;
height: 500px;
margin-top: 50px;
margin-left: 312px;
clear: both;
position: relative;
top: -250px;
position: static

Answer 1

由于您提供的元素静态高度，当您切换到移动平台时它不会改变。就像Adarsh Mohan所说，使用@media规则。您可以根据屏幕大小定义所需的布局。例如：

@media all and (max-width: 320px){

   .content{height:250px; width:500px;}

}

当屏幕宽度为320像素（或更低）时，此CSS仅适用于div“内容”。