2

我正在使用完整日历来显示一些事件日期，但宽度值有问题。我希望它能够在最低 1024x768 分辨率和其他更大的屏幕尺寸（例如 1366x768 尺寸）下正常工作我尝试引用 fullcalendar.css 中的每个宽度值，启用、禁用所有 css 文件，插入内联样式。有人建议使用引导响应，但它也没有顺利进行。现在我可以在 1024x768 分辨率下完美地看到我的日历，但在更大的分辨率下，日历和右表之间存在差距。我使用了 chrome 的工具检查元素，它说那个空白区域没有任何东西，例如边距或填充。

我的标题是：

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <!-- CSS FILES -->
    <!--[if !IE]><!-->
        <link rel="stylesheet" href="/assets/default/css/style.css" type="text/css" />
    <!--<![endif]-->
    <!--[if IE]>
        <link rel="stylesheet" type="text/css" href="/assets/default/css/all-ie-only.css" />
    <![endif]-->
    <link rel="stylesheet" href="/assets/default/css/bootstrap.min.css" type="text/css" />
    <link rel="stylesheet" href="/assets/default/css/bootstrap-responsive.css" type="text/css" />
    <link rel="stylesheet" href="/assets/default/scripts/jquery-ui-1.9.2.custom/css/smoothness/jquery-ui-1.9.2.custom.min.css" type="text/css" />
    <link rel="stylesheet" href="/assets/default/css/fullcalendar.css" type="text/css" />
    <link rel="stylesheet" href="/assets/default/css/fullcalendar.print.css" type="text/css" />
    <link href="assets/default/css/bootstrap-responsive.css" rel="stylesheet">
    <!-- END CSS FILES -->

    <!-- JS FILES -->
    <script src="/assets/default/scripts/jquery-1.8.3.min.js" type="text/javascript" ></script>
    <script src="/assets/default/scripts/jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.min.js" type="text/javascript" ></script>
    <script src="/assets/default/scripts/bootstrap.min.js" type="text/javascript" ></script>
    <script src="/assets/default/scripts/fullcalendar.js" type="text/javascript" ></script>
    <!-- END JS FILES -->

    <title>Permission System</title>
</head>

这是我的 style.css 的副本：

和我的完整日历 div：

<div style="min-width: 45%; width: auto; float: left; margin-left: 0px;" id="calendar" ></div>

请帮助我快要发疯了！

如果您认为更容易理解，我可以向您发送 teamviewer 信息。

所有关于 css 的代码和一些图片

4

1 回答 1

7

取出 fullcalendar.print.css 并确保您拥有完整的日历 css 和 js，以排除任何打印 css 问题。打印 css 应该只包含在打印媒体上，而不是屏幕上。在此页面上查看FullCalendar Source我在标题中找不到任何对 print.css 的引用。

于 2013-01-28T17:38:31.120 回答