Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使移动设备上的文本大小为h2_Html_Css_Responsive Design - Fatal编程技术网

Html 使移动设备上的文本大小为h2

Html 使移动设备上的文本大小为h2,html,css,responsive-design,Html,Css,Responsive Design,我的自定义类用于手机文本响应时遇到问题 我想将thish2类在移动设备上查看时的文本大小调整为49px 这就是我迄今为止所尝试的: @media screen and (min-width: 320px) { h2.josh { text-size:49px;} h2.josh { -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; font-size: 79px;

我的自定义
类用于手机文本响应时遇到问题

我想将this
h2
类在移动设备上查看时的文本大小调整为49px

这就是我迄今为止所尝试的:

@media screen and (min-width: 320px) {
    h2.josh {
       text-size:49px;}


h2.josh {

    -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
     font-size: 79px;
color:white;
font-family: 'Oswald', sans-serif;
    opacity: 0.9;
 display:inline-block;
 display:inline-block}
 .dark-text{color: #1e1e1e}
 body { padding-top: 0px !important; }

媒体查询后,您缺少一个右括号

@media screen and (min-width: 320px) {
    h2.josh {
       text-size:49px;
    }
}

媒体查询后,您缺少一个右括号

@media screen and (min-width: 320px) {
    h2.josh {
       text-size:49px;
    }
}
你在结尾缺少一个括号。并尝试使用!样式规则很重要,因为您可能在元素本身中应用了样式规则


你在结尾缺少一个括号。并尝试使用!样式规则很重要,因为您可能在元素本身中应用了样式规则

首先,不要使用!重要的。这不是一个好的做法。一旦你关闭了媒体查询,它就可以工作了。此外,请继续使用“最小宽度”而不是“最大宽度”。现代开发应该首先移动,最小宽度是最佳实践。

首先,不要使用!重要的。这不是一个好的做法。一旦你关闭了媒体查询,它就可以工作了。此外,请继续使用“最小宽度”而不是“最大宽度”。现代开发首先应该是移动式的,最小宽度是最佳实践。

什么是移动式

text-size:49px; /*should be **font**-size*/
也可以在其他css之后而不是之前调用这个@media查询,否则您将不得不搜索整个文档以寻找多余的内容。始终在最后加载这些,并且您已放置最小宽度? 在这种情况下,您应该使用最大宽度,并对移动设备等使用640像素或720像素。因此,所有小于640像素的设备都将采用这种样式,并且在最后加载时将采用这种样式。

这是什么

text-size:49px; /*should be **font**-size*/
也可以在其他css之后而不是之前调用这个@media查询,否则您将不得不搜索整个文档以寻找多余的内容。始终在最后加载这些,并且您已放置最小宽度?
在这种情况下,您应该使用最大宽度并使用640px或720用于移动设备等。因此,所有小于EIL的都采取这种方式,并且在上次加载时将使用。

您应该考虑将默认设置在媒体查询之外,然后指定从那里开始的最小宽度。代码> H2.Joj{{}}媒体屏幕和(最小宽度:48 EM){H2.Joj{{移动后的下一个大小}}/<代码>您应该考虑在媒体查询之外设置默认的第一个,然后指定从那里开始的最小宽度。code>h2.josh{…}@media screen和(最小宽度:48em){h2.josh{…mobile之后的下一个大小…}仍然显示移动设备上79px的原始文本大小。您使用的是文本大小??使用字体大小:49px!重要Tim抱歉,我使用的是字体大小,但它仍然以79px而不是49px显示。您包括了吗!重要信息?@media all and(最大宽度:768px)、仅屏幕和(-webkit最小设备像素比:2)和(最大宽度:1024px)、仅屏幕和(最小-moz设备像素比:2)和(最大宽度:1024px)、仅屏幕和(-o-min-device-pixel比:2/1)和(最大宽度:1024px)、仅屏幕和(最小设备像素比:2)和(最大宽度:1024px),仅屏幕和(最小分辨率:192dpi)和(最大宽度:1024px),仅屏幕和(最小分辨率:2dppx)和(最大宽度:1024px){h2.josh{字体大小:49px!重要;}}}仍在移动设备上显示79px的原始文本大小。您使用的是文本大小吗??使用字体大小:49px!重要Tim抱歉,我使用的是字体大小,但它仍然以79px而不是49px显示。您包括了吗!重要信息?@media all and(最大宽度:768px)、仅屏幕和(-webkit最小设备像素比:2)和(最大宽度:1024px)、仅屏幕和(最小-moz设备像素比:2)和(最大宽度:1024px)、仅屏幕和(-o-min-device-pixel比:2/1)和(最大宽度:1024px)、仅屏幕和(最小设备像素比:2)和(最大宽度:1024px),仅屏幕和(最小分辨率:192dpi)和(最大宽度:1024px),仅屏幕和(最小分辨率:2dppx)和(最大宽度:1024px){h2.josh{字体大小:49px!重要;}