Question

我想在带有ngx-extended-pdf-viewer组件（https://www.npmjs.com/package/ngx-extended-pdf-viewer）的对话框中显示pdf。 Pdf正确显示。现在我的问题是pdf查看器本身使用了一些媒体查询。如果宽度小于700像素，则某些按钮将消失，并显示在扩展按钮中。

pdf查看器的宽度是固定的，因此当介质变小时，它将滚动。因此，我不再需要媒体查看器的媒体设置。如何在Angular 5应用程序中禁用它们？

我尝试将封装设置为viewEncapsulation.None，代码如下：

@media (max-width : 700px) {
    #outerContainer .hiddenMediumView {
        display: inherit;
    }
}

这是在库中用于获取较小宽度的代码。

@media (max-width: 700px)
#outerContainer .hiddenMediumView {
    display: none;
}

Answer 1

2019年7月17日更新：我刚刚发布了ngx-extended-pdf-viewer 1.0.0-rc.1。这个版本应该可以解决您的问题。现在，您可以选择两种策略来实现响应式设计：纯CSS方法（设置[ignoreResponsiveCSS]="false"）和JavaScript支持的方法（设置[ignoreResponsiveCSS]="true"）。此外，该公寓还设有明智的默认设置。首选CSS方法，并且仅当PDF查看器没有覆盖窗口的整个宽度时，才默认选择JavaScript方法。例如，如果有侧边菜单，则本机CSS规则无用，因此使用了JavaScript引擎。

原始答案： 哎呀。我是ngx-extended-pdf-viewer的作者，我什至没有想到媒体查询可能会妨碍您。更糟的是，我已经开始将媒体查询迁移到JavaScript，因此，即使是臭名昭著的!important骇客也无法帮上忙。

请在https://github.com/stephanrauh/ngx-extended-pdf-viewer/issues上打开票证。我的提议：我可以完成将媒体查询迁移到JavaScript。反过来，这使我可以添加一个选项以将其完全关闭。这对您有帮助吗？还有其他想法吗？

Angular ngx-extended-pdf-viewer禁用媒体打印属性

1 个答案: