Question

我正在为我的创业公司开发一个网站，但我通过这样做在大学的计算机科学研究中进行编程。这是网站网址：

如果您在桌面上查看它，它实际上看起来不错，但是当您在平板电脑和智能手机上查看它时，它看起来不太好，因为在平板电脑上，文本被压扁，在手机上，文本不可见，您无法滚动到侧面。这是我的网站文件，在这个zip文件夹中：

请你帮助我找到我错过的内容。视口标签甚至无法正常工作。您看到的很多内容已在style.css文档中配置。我需要一些帮助。我们的第一个重要版本将于2015年11月下旬发布。

Answer 1

您的问题在于CSS的第17行：

div.mainmenu {
width: 550px;
height: 13px;
position: inherit;
 right: 500px; 
bottom: 30px;
}

由于设置了right，无论窗口大小如何，它都会推送内容。因此，如果它是一个小窗口，它仍然会超过500px。这就是为什么它在移动设备上完全不在屏幕上，部分在平板电脑上。

如果您有固定的像素尺寸，您将遇到此问题。您可以使用媒体查询来进行补偿。例如，

@media screen and (max-width:767px){
.mainmenu{
right:0;
}
}