在移动设备中不使用Bootstrap显示响应式段落

，可以通过使用CSS媒体查询和Flexbox布局来实现。

CSS媒体查询是一种CSS技术，可以根据设备的特性（如屏幕宽度、高度、方向等）来应用不同的样式。通过媒体查询，我们可以针对移动设备的屏幕尺寸进行响应式设计，以适应不同大小的屏幕。

以下是一个示例的CSS媒体查询代码，用于在移动设备上显示响应式段落：

/* 默认样式 */
p {
  font-size: 16px;
}

/* 在小屏幕设备上应用不同的样式 */
@media screen and (max-width: 768px) {
  p {
    font-size: 14px;
  }
}

在上述代码中，我们首先定义了一个默认的段落样式，字体大小为16px。然后，使用@media规则创建一个媒体查询，指定了屏幕宽度小于等于768px时应用的样式，这里将字体大小设置为14px。

Flexbox布局是一种CSS布局模型，可以方便地创建灵活的、响应式的布局。通过使用Flexbox，我们可以轻松地实现移动设备上的响应式段落布局。

以下是一个示例的Flexbox布局代码，用于在移动设备上显示响应式段落：

.container {
  display: flex;
  flex-wrap: wrap;
}

p {
  flex: 1 1 100%;
}

@media screen and (min-width: 768px) {
  p {
    flex-basis: 50%;
  }
}

在上述代码中，我们首先创建了一个包含段落的容器，并将其设置为Flexbox布局。然后，我们定义了段落的样式，将其设置为灵活的、占据整个容器宽度的布局。最后，使用@media规则创建一个媒体查询，指定了屏幕宽度大于等于768px时应用的样式，这里将段落的基础尺寸设置为50%。

通过使用CSS媒体查询和Flexbox布局，我们可以在移动设备中实现不使用Bootstrap的响应式段落显示。这种方法可以根据设备的屏幕尺寸自动调整段落的样式和布局，提供更好的用户体验。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云CSS媒体查询文档：https://cloud.tencent.com/document/product/1007/31019
• 腾讯云Flexbox布局文档：https://cloud.tencent.com/document/product/1007/31020