Html 查看使用了哪个CSS文档

Html 查看使用了哪个CSS文档,html,css,Html,Css,我必须纠正一些文本大小。如果您查看此页面:标题将从移动设备(或“blisk”浏览器)上的页面中消失,因此您必须向右滚动才能看到文本 该网站有很多页面,我找不到控制字体的CSS或Sass文件 有人知道我是否能在浏览器中看到标记使用的文档吗。在我看来,我无法通过开发工具看到它。您只有一个缩小的css <link href="/bundles/css?v=SJ37P6CfqPJUAiVuLtUYrkvpJkXmJUlOWclWB_n1UKw1" rel="stylesheet"/> 因为

我必须纠正一些文本大小。如果您查看此页面:标题将从移动设备(或“blisk”浏览器)上的页面中消失,因此您必须向右滚动才能看到文本

该网站有很多页面,我找不到控制字体的CSS或Sass文件


有人知道我是否能在浏览器中看到
标记使用的文档吗。在我看来,我无法通过开发工具看到它。

您只有一个缩小的css

<link href="/bundles/css?v=SJ37P6CfqPJUAiVuLtUYrkvpJkXmJUlOWclWB_n1UKw1" rel="stylesheet"/>
因为你有很长的单词,所以浏览器尽量不要把单词分成多行。可以减小某个断点的字体大小:

@media screen and (max-width: 640px){
  .h2, h2 {
    font-size: 26px;
  }
}

正如Alessio所提到的,错误在于h2部分。 如果切换到开发工具,您可以看到某些html元素的宽度(某种覆盖)。在本例中,h2元素越过边界,导致滚动问题。您的文本或特别是这个词“Søgemaskineoptimering”太长太大,无法放在一行中(移动视图)。您可以更改字体大小或设置分词符。Alessio已经解释了断点方法

致以最良好的祝愿,
KN

任何好的开发工具都允许您查看应用的规则。您的css已绑定,以查看它位于哪个css文件中,在将所有文件捆绑到一个开发环境之前,您需要先查看一下您的开发环境。您使用的浏览器是什么?我投票将此问题作为非主题关闭,因为我们无法回答此问题。点击ctrl+u,将打开一个新选项卡,显示html和标题中的内容谢谢您的回答。我想了解的是,你从哪里可以看出这是个问题。我正在搜索谷歌开发工具的样式,但我找不到你在那里找到的东西?我当然可以看到捆绑包,但您认为h2中的问题在哪里?非常感谢您的回答。我现在的问题是,页面有这么多不同的CSS文件、SCSS文件和JS文件。因此,我坐在每一个文件,并通过CSS,试图找到h2。有没有办法让我看到h2标签在哪个文档中?最好的问候。是的,如果您使用开发者工具并检查h2元素,您将能够在css框的右侧看到源代码所在的位置。它看起来是这样的:.h2,h2{css?v=SJ37P6CfqPJUAiVuLtUYrkvpJkXmJUlOWclWB_n1UKw1字体大小:40px;顶部填充:30px;}再次感谢您。问题在于没有名为css?v=SJ37P6CfqPJUAiVuLtUYrkvpJkXmJUlOWclWB_n1UKw1的文档。这是因为CSS被grunt文件最小化了吗?是的,如果你再次使用开发者工具,你可以点击CSS文件,它位于“bundles”文件夹下。我的建议是复制css片段,然后通过css文件查找它,找出它的位置。然后再次修复它,你需要做的只是在你的css文件中设置一个断点,一切看起来都很好。你不必找到它,只要在css文件的末尾添加Alessio提到的关于断点的代码就可以了。
@media screen and (max-width: 640px){
  .h2, h2 {
    font-size: 26px;
  }
}