Question

美好的一天，我一直在响应的标题中工作，文本在元素内部，但只在桌面屏幕中，在移动屏幕上打开文本应该在元素之后，但具有一些格式化样式。

我知道＆＃34;内容＆＃34;财产不支持html标签，所以我没有关于

的非常好的想法

http://codepen.io/tillegomezz/pen/rrjJxR

＆＃13;

header {
  background: #ccc;
  height: 50px;
  text-align: center;
  width: 100%;
}
.content {
  background: lightblue;
}
@media all and (max-width: 768px) {
  header span {
    display: none;
  }
  .content:before {
    content: "<h1>Title Outside</h1>";
  }
}

＆＃13;

<div class="container">
  <header>
    <span> Title Inside </span>
  </header>

  <div class="content">
    lorem ipsum foo bar so on.
  </div>
</div>

＆＃13;

Answer 1

我认为你必须使用CSS来设置元素的样式：

FormatModule

Answer 2

你的代码还可以。只需更改本节 -

@media all and (max-width: 768px) {
header span {display: none;}

      .content:before {
  content: "Title Outside";
  }
 }

header {
  background: #ccc;
  height: 50px;
  text-align: center;
  width: 100%;
}

.content {
  background: lightblue;
  
}

@media all and (max-width: 768px) {
  header span {display: none;}

      .content:before {
  content: "Title Outside";
   
  
 
}
  }

<div class="container">
  <header>
    <span> Title Inside </span>
  </header>

  <div class="content">
    lorem ipsum foo bar so on.
  </div>
</div>

桌面内部元素和移动外部文本

2 个答案: