如何在css中更改文本的大小?

时间:2017-08-10 15:20:55

标签: html css

我知道这是一个很大的模糊,但我无法上传所有代码,因为它太大了。 基本上,我试图让小屏幕的文字更小,但它不会让我。我也尝试改变其他功能,但有些功能却有所改变,但有些功能并没有改变。

总结一下,这些功能有什么区别?影子可以起作用但是强调的原因不是什么。

**目前对我来说最重要的是尺寸功能,如果我的问题有旁路,我会很高兴**

这是我测试过的css代码:

@media only screen and (max-width: 700px)
{
    div.aaa
    {
// changed
        width: 100%;
        text-transform: lowercase;
        text-shadow: 3px 2px red;

// didnt change
        text-decoration: underline;
        font-size: 40px;
    }
}

4 个答案:

答案 0 :(得分:1)

乍一看,您的代码看起来不错。 你可以通过检查员在浏览器中检查div.aaa的字体大小(也许会给我们看一个截图)?

  • 也许在#wrapper div.aaa中有一个特定的选择器,它具有字体大小,因此您的媒体查询不会覆盖那个。
  • 或者。重要规则在div.aaa的字体大小的其他地方使用?
  • 最后我想到了text-shadow:...和text-decoration之间的一个可能的(对我们来说不可见)角色:......但这种情况非常罕见。

答案 1 :(得分:1)

您需要更改媒体屏幕上文字的字体大小。您可以尝试以下代码

.content_con{
			font-size: 50px;
			text-decoration: none;
		}
 @media screen and (max-width: 600px) and (min-width: 200px) {
    .content_con a{
    	text-decoration: underline;
       font-size: 15px;
    }
}
<div class="content_con">
	<a href="#">testing content here</a>
</div>

您可以更改max-width&amp;最小宽度根据您的要求。

答案 2 :(得分:1)

尝试:font-size:40px!important; 正如它所说,这很重要。

答案 3 :(得分:0)

它们的功能类似于%,但字体大小会随窗口大小调整。

试试这个:

typedef struct folder_s {
  char* name;
  size_t n;
  struct folder_s **subfolder;
} folder;

folder *folder_alloc(const char *name) {
  folder *root = malloc(sizeof *root);
  if (root) {
    root->n = 0;
    root->subfolder = NULL;
    root->name = strdup(name);
    if (root->name) {
      return root;
    }
    free(root);
  }
  return NULL;
}

folder *folder_add_subfolder(folder *f, folder *sf) {
  size_t new_n = f->n + 1;
  void *tmp = realloc(f->subfolder, sizeof *(f->subfolder) * new_n);
  if (tmp == NULL) {
    return NULL;
  }
  f->subfolder = tmp;
  f->subfolder[f->n] = sf;
  f->n = new_n;
  return f;
}

// Only need to free the root folder, recursion will handle the sub-folders.
void folder_free_tree(folder *f) {
  if (f) {
    while (f->n > 0) {
      f->n--;
      folder_free_tree(f->subfolder[f->n]);
    }
    free(f->subfolder);
    f->subfolder = NULL; // Useful for debug
    free(f->name);
    f->name = NULL;  // Useful for debug
    free(f);
  }
}

注意:您可能需要掌握这一点:

.some-paragraph{
     font-size: 5vw;
 }