在智能手机上查看网页时强制元素移动

用户1551817

我有一个包含 3 个并排<span>元素的网页- 每个元素宽 400 像素。

这在我的笔记本电脑(以及其他浏览器和分辨率等)上看起来不错

正如预期的那样,当我查看我的智能手机时,所有 3 个元素都没有足够的空间,1 个向下移动到下一行。但是,我想在智能手机上查看时将每个元素强制到一个新行。

所以在计算机上我希望用户看到:

X X X

在智能手机上:

X
X
X

而不是我现在看到的:

XX
X

这可能吗?

杰森B

当然是啦!这称为响应式网页设计您可以使用css 媒体查询告诉浏览器根据屏幕尺寸和方向使用不同的样式规则。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

android智能手机上的固定宽度html布局

来自分类Dev

Bootstrap布局在智能手机上过宽

来自分类Dev

在智能手机上关闭Chrome浏览器时,会话Cookie不会过期

来自分类Dev

Github仅在智能手机上页面CSS麻烦

来自分类Dev

防止在智能手机上滚动特定屏幕尺寸

来自分类Dev

如何仅在智能手机上编码Bootstrap手风琴

来自分类Dev

通过智能手机浏览器(ASP.net Core MVC 3.1)查看时,剪切网页的标题

来自分类Dev

除非已缓存,否则SVG图片不会在智能手机上加载

来自分类Dev

如何在智能手机上相邻显示两个div?

来自分类Dev

React网站按钮和输入在智能手机上不起作用

来自分类Dev

为什么程序在特定的智能手机上抛出OutOfMemoryError?

来自分类Dev

使用Three.js对球体进行纹理处理无法在智能手机上使用

来自分类Dev

我在智能手机上没有任何CSS

来自分类Dev

HTML和CSS布局在智能手机上无法正确显示

来自分类Dev

在智能手机上安装两个操作系统

来自分类Dev

智能手机上的位置服务-它使用哪个物理网络?

来自分类Dev

返回浏览器时,PHP会话在智能手机上丢失

来自分类Dev

智能手机上的媒体查询网站视图

来自分类Dev

OOP设计与智能手机上的性能

来自分类Dev

android应用未出现在智能手机上

来自分类Dev

使用相机在Android智能手机上进行心率监测

来自分类Dev

在智能手机上运行VBA

来自分类Dev

避免在智能手机上自动下载pdf

来自分类Dev

引导A标签在平板电脑和智能手机上不起作用

来自分类Dev

App Android无法在智能手机上打开网页

来自分类Dev

自适应CSS在智能手机上不起作用

来自分类Dev

如何在物理Android智能手机上跟踪运行说明/分支机构?

来自分类Dev

获取1200像素页面以在智能手机上正确显示

来自分类Dev

ScrollView 在 android studio 中工作,但不在我的智能手机上

Related 相关文章

  1. 1

    android智能手机上的固定宽度html布局

  2. 2

    Bootstrap布局在智能手机上过宽

  3. 3

    在智能手机上关闭Chrome浏览器时,会话Cookie不会过期

  4. 4

    Github仅在智能手机上页面CSS麻烦

  5. 5

    防止在智能手机上滚动特定屏幕尺寸

  6. 6

    如何仅在智能手机上编码Bootstrap手风琴

  7. 7

    通过智能手机浏览器(ASP.net Core MVC 3.1)查看时,剪切网页的标题

  8. 8

    除非已缓存,否则SVG图片不会在智能手机上加载

  9. 9

    如何在智能手机上相邻显示两个div?

  10. 10

    React网站按钮和输入在智能手机上不起作用

  11. 11

    为什么程序在特定的智能手机上抛出OutOfMemoryError?

  12. 12

    使用Three.js对球体进行纹理处理无法在智能手机上使用

  13. 13

    我在智能手机上没有任何CSS

  14. 14

    HTML和CSS布局在智能手机上无法正确显示

  15. 15

    在智能手机上安装两个操作系统

  16. 16

    智能手机上的位置服务-它使用哪个物理网络?

  17. 17

    返回浏览器时,PHP会话在智能手机上丢失

  18. 18

    智能手机上的媒体查询网站视图

  19. 19

    OOP设计与智能手机上的性能

  20. 20

    android应用未出现在智能手机上

  21. 21

    使用相机在Android智能手机上进行心率监测

  22. 22

    在智能手机上运行VBA

  23. 23

    避免在智能手机上自动下载pdf

  24. 24

    引导A标签在平板电脑和智能手机上不起作用

  25. 25

    App Android无法在智能手机上打开网页

  26. 26

    自适应CSS在智能手机上不起作用

  27. 27

    如何在物理Android智能手机上跟踪运行说明/分支机构?

  28. 28

    获取1200像素页面以在智能手机上正确显示

  29. 29

    ScrollView 在 android studio 中工作,但不在我的智能手机上

热门标签

归档