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;
类用于手机文本响应时遇到问题
我想将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;
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!重要;}