使用视口时分区大小会有所不同
Div size differes when viewport is used
查看此网站www.naamdesigns.com使用桌面和手机查看此网站。在mobile中,蓝色的标题div并不完全适合屏幕,它只覆盖了50%。为什么会出现这个问题?
为什么设置溢出-x:隐藏在身体标签上?我想在移动设备上,100%的宽度只是可见的部分,其中整个内容不适合,但只有一半。
让我们试着把它放在你的头标签中:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
已添加:
这是我的主意,我不知道它会起作用。让我们制作一个容器来包装你的所有内容。
<body>
<div id="wrapper" style="width:100%">
<div id="your_header"style="width:100%"></div>
<div id="your_body" style="width:100%"></div>
</div>
</body>
相关文章:
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 设置滑块分区上的滚动
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- JQuery移动动态分区页面
- 多维数据集网格未在指定的分区中绘制
- 使用moment.js获取时间分区的偏移日期对象
- 单击子分区外部时关闭灯箱
- 如何在单击按钮时显示一个分区,同时隐藏另一个分区
- 隐藏/显示下面的分区根据是否选择某个选项进行选择
- D3.js:将一个有响应的饼图放在其父分区的中心
- 使用2个下拉列表显示/隐藏分区
- 将整张桌子放在它的外分区中心
- Skrollr.更改固定分区中的内容
- 内容可编辑分区-根据内部HTML位置的光标位置
- 用PHP/MMySQL和JavaScript填充几个HTML分区
- 使用javascript或JQuery在HTML中删除当前分区的按钮
- Jquery-Regex按键操作在Chrome和Firefox中有所不同
- 预览文本区域分区不工作
- JQuery在多个分区上显示/隐藏
- 使用视口时分区大小会有所不同