Question

我正在尝试建立自己的照片库网站，我只需要一些快速解决方案来解决我的问题。

概述：照片库网站在以不同的屏幕分辨率显示时出现问题。

问题：如果观看者的屏幕分辨率大于13英寸屏幕，则导航或菜单位于左侧。当以较小的屏幕尺寸（例如平板电脑和手机）观看时，导航位于顶部并且一次只显示一个滚动页面，其中一个图像在屏幕显示的视图中显示。当您放大和缩小上面指出的我的网站时，您可以看到差异。

即使使用手机和平板电脑观看，必须采取哪些措施才能将显示屏固定在左侧导航的显示屏上？

Answer 1

所以你想要一个没有响应的网站????好的，我将避免对你为什么要留下响应行为做出评论，但也许你拥有这个星球上唯一没有人在移动设备上访问的网站。这是你怎么做的......

在你的main.css文件中，有一个关于标题元素的媒体查询，从第119行开始：

@media (min-width:1000px) {

删除此行，并在第245行附近某处关闭}。

然后删除整个媒体查询及其内容，从第539行开始，到602左右结束：

/

*  Responsive code  */

    @media (max-width:1100px){

        header{ 

        ...

        #map{
            margin: 0!important;
        }
    }

如果您还希望投放组合图片不按比例删除最后一个媒体查询及其内容：

@media (max-width:550px){
     .main .work{
        width: 100%;
    }
}