Html CSS在不同的屏幕大小上有不同的属性

Html CSS在不同的屏幕大小上有不同的属性,html,css,Html,Css,当屏幕大小变为560px时,我希望html代码可以稍微编辑一下 在任何大于560像素的尺寸下: <div id = "div"><span class = "span">TextRightHere</span></div> 在任何小于560px的尺寸下: <div id = "div"><span class = "span">Text<br>Right<br>Here</span>&l

当屏幕大小变为560px时,我希望html代码可以稍微编辑一下

在任何大于560像素的尺寸下:

<div id = "div"><span class = "span">TextRightHere</span></div>
在任何小于560px的尺寸下:

<div id = "div"><span class = "span">Text<br>Right<br>Here</span></div>
如何通过CSS文件编辑这行HTML?

您不能,但可以接收显示:无;和显示:块;就像其他元素一样

有了这些知识,可以默认使用display:none,然后在宽度太窄时使用媒体查询应用display:block。

您不能,但可以接收display:none;和显示:块;就像其他元素一样


有了这些知识,请使用display:none默认值,然后使用媒体查询在宽度过窄时应用显示:块。

您不能用CSS更改HTML,但可以添加以使文本适合较小屏幕。

您不能用CSS更改HTML,但可以添加以使文本适合较小屏幕。

将代码更改为以下内容:

<div id = "div"><span class = "span">Text<br>Right<br>Here</span></div>

将代码更改为以下内容:

<div id = "div"><span class = "span">Text<br>Right<br>Here</span></div>

不,你不能用css。不,你不能用css。嗨,这只解决了我一半的问题。。。我该怎么做才能使它只有文本,对吧,这里的部分被分开,而不是每个单独的字母?你不能用这个解决方案。你可能需要使用Niet the Dark Absols解决方案。嗨,这只解决了我一半的问题。。。我该怎么做才能使它只有文本,对吧,这里的部分被分开,而不是每个单独的字母?你不能用这个解决方案。你可能必须使用Niet黑暗绝对解决方案。