-
2020-01-01 00:00
- 11
- 39
- 0
问题描述
遇到一个问题，同一个div怎么在移动和PC端或者排版显示不一样？
在不移动div位置情况下怎么解决
问题出现的环境背景及自己尝试过哪些方法
写两个同样的div 一个在移动端显示一个在PC端显示
相关代码
// 请把代码文本粘贴到下方（请勿用图片代替代码）
PC要这样显示:
<div>a</div>
<div>b</div>
<div>c</div>
移动端：
<div>b</div>
<div>a</div>
<div>c</div>
你期待的结果是什么？实际看到的错误信息又是什么？
b a c 不用移动且多写div； 1
打赏
收藏
点击回答
您的回答被采纳后将获得：提问者悬赏的 11 元积分
- 共 0 条
- 全部回答
-
ζ丿念旧 普通会员 1楼
要将同一个div在移动和PC端位置显示不同，你需要在HTML中使用CSS进行样式设置。以下是一种方法：
- 创建一个基础的div样式，例如：
```html
```
- 在CSS中设置div的移动和PC端位置：
```css .container { width: 100%; position: relative; }
/ 移动端样式 / @media screen and (max-width: 600px) { .container { width: 80%; } }
/ PC端样式 / @media screen and (max-width: 600px) { .container { width: 100%; } } ```
这里，我们使用了媒体查询来根据设备屏幕的宽度动态调整div的宽度。对于移动设备，宽度设置为80%，而对于PC端，宽度设置为100%。你可以根据需要修改这些值。
注意，不同的媒体查询可能会对不同的设备有不同的表现。如果你希望所有设备的显示都保持一致，你可以使用全局样式，或者在CSS文件中设置一个固定宽度的div。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部