页面右边在移动端或者是用浏览器的响应式打开会有空白

最新推荐文章于 2023-07-24 18:46:06 发布
最新推荐文章于 2023-07-24 18:46:06 发布
阅读量2.3k 收藏
点赞数
分类专栏： HTML css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36591333/article/details/81324396
版权
css 同时被 2 个专栏收录
14 篇文章 0 订阅
订阅专栏
HTML
9 篇文章 0 订阅
订阅专栏

直接在body 用min-width：1200px；来解决就行了  这里面的宽度是根据你页面的宽度来写的  例如我的页面是1200px  但是我的用移动端打开后 却没有达到1200  这时候我就直接在body 用min-width：1200px； 在打开一看 可以了 。。

你们还有更好的办法解决么？有的话请留言告知。Thanks♪(･ω･)ﾉ

施主请别摸老衲的脸
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浏览器移动端html右边有一点白_html页面，在浏览器中突然出现右边空白一块，怎么回事？...
weixin_39629129的博客
12-20 1204
刚好写了一篇文章是关于这个问题的，希望可以帮到大家。很多新手在写CSS会遇到很多问题，比如发现页面右侧出现了很多空白。你在网上搜索了之后，发现使用这行代码可以解决：body, html {overflow-x: hidden;}但是虽然滚动条被隐藏了，问题并没有解决，你还是不知道是哪个元素在作怪。而且，隐藏了x向的滚动条会导致很多副作用，比如缩小浏览器后无法滚动。一个方便的CSS调试工具最佳的解决...
h5 移动端空白项目 模板
10-09
2. **样式文件**（如：style.css）：用于定义页面的样式和布局，可以使用CSS3的新特性，如媒体查询（media queries）来实现响应式设计，适应不同尺寸的屏幕。 3. **脚本文件**（如：script.js）：包含JavaScript...
移动端无法调试，页面空白怎么快速定位
程序员的专栏
07-24 111
第三步：打开具体JS，第三方插件 await 没有进行babel降级导致页面报错。现象：项目是vue项目，IOS手机页面空白，版本过低，无法使用调试工具。第二步：在html里边增加window.error打印。第一步：借助抓包工具，将页面指向本地服务。增加babel include 配置。
解决移动端HTML页面右侧空白问题
热门推荐
qq_41853417的博客
11-19 2万+
问题描述 响应式网页缩放时出现右侧空白 原因：子元素宽度撑开页面 通常纯pc端页面各元素固定宽度不会出现问题，但响应式页面部分元素定宽容易出现问题 测试后发现可能出现以下布局： 内部元素定宽，外部自适应，当缩放到小于内部宽度时出现空白 此时.blank定宽700px，撑开body使整体观感右侧有空白 不换行元素宽度过长 虽然给ul元素定宽300px，但有不换行white-space:nowrap;属性，内部li超过页面宽度后也会产生缩放空白，如果 <h1~6>等标签元素溢出 也会产生空白
Html页面在手机端出现右边空白
qq331300729的博客
02-25 3535
目前我遇到的原因只有一个：  body里有一个div把页面撑宽了，就是儿子的宽度比父亲，或者祖辈大就会出现这种  情况 为此做了个简单测试： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;Document&l
H470_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
08-02
《H470 HTML手机电脑网站网页源码：移动端前端H5模板与自适应响应式设计解析》 在数字化时代，构建一个既能适应电脑大屏，又能流畅运行于手机小屏的网站至关重要。H470_HTML手机电脑网站网页源码提供了一套完整的...
913_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
最新发布
08-03
在移动端，通过媒体查询，开发者可以根据设备的屏幕尺寸和方向应用不同的样式，实现响应式设计。 3. 响应式设计：响应式设计是现代网站开发的一个关键概念，它确保网站在各种设备上都能提供良好的用户体验，无论...
简洁模特公司响应式网页模板
01-22
响应式网页设计是一种现代网页开发技术，它使得网站在不同设备上，如桌面电脑、平板电脑和智能手机上，都能提供良好的用户体验。"简洁模特公司响应式网页模板"就是基于这一理念设计的，专为模特公司量身打造，旨在...
移动端Web页面的CSS3 flex布局快速上手指南
12-13
总的来说，CSS3的Flex布局提供了强大的灵活性，能够轻松地创建各种复杂的响应式布局，尤其适合移动端Web页面的设计。通过熟练掌握这些基础知识，你可以更加高效地解决布局问题，提升开发效率。在实际应用中，还需要...
web移动端解决右滑出现空白
xiaogezl的博客
04-11 8376
最近在写移动端项目，应用在微信上面的一个webapp（vue单页面开发），遇到了一个很尴尬的问题，就是有些页面之间的跳转是通过储存在sessionStorage中的某些数据，然后进行判断再渲染不同的组件，通过页面中左上角返回按钮进行修改sessionStorage中的值。但是由于Ios自带的左滑返回上一页，导致了不触发左上角的按钮直接返回，从而渲染了错误的页面，所以我通过以下代码阻止了默认返回上一
css之缩小窗口，网页右侧显示白色的bug
ITzhongzi的博客
05-24 2152
假如有如下页面              ….省略若干层      上面写的很清楚，想实现一个和浏览器等宽的div，parent，在该div里实现一个固定宽度为1400像素的div，child 当浏览器窗口宽度大于1400px时，显示很正常，但是当浏览器宽度小于1400px时，出现了水平滚动条，拖动滚动条发现，右侧的parent居然变成了白色，为什么会这
在IOS系统上，滚动条滚动到指定的位置出现空白页面的解决方案
Leo的专栏
01-16 5844
原因： -webkit-overflow-scrolling:touch 解释： 由于使用-webkit-overflow-scrolling这个属性，苹果手机会使用硬件加速，从而促使页面滑动得更加流畅，然而也导致了页面出现空白的情况。 解决办法： 滚动之前，先设-webit-overflow-scrolling的属性值为auto，然后页面滚动完了，再设为touch即可。
Vue移动端页面布局有白边
qq_40664253的博客
07-23 2425
为了消除白边，在子组件的style下写了： *{ margin:0; padding:0; border:0; } 但是还是没有，最后把这段代码放在App.vue下生效了
移动端页面宽度100%时右侧留白边的问题
boKeB1
04-29 8400
改好之后再退回去也出不来白边了，下次遇到再截图吧 加了这句 <meta name="viewport" content="width=device-width,initial-scale=1.0" /> 白边就不见了，原因大概是 html 手机默认的100%宽度是980px。 ...
bootstrap响应式图片应用(空白区域)
lljxk2008的博客
11-05 1112
bootstrap的响应式图片, 其效果就是随着页面宽度缩小, 图片宽高会随着缩小 这就给予页面更好的美观效果 如果不是响应式图片, 那么页面缩小, 图片的宽高是固定不变, 这样显示效果不好 在bootstrap中使用样式类: img-responsive即可, 但是本文重点不是说这个 在页面中, 如果图片很大, 通常是需要缩放图片比例的, 如下:  &lt;img alt="" sr...
vue移动端使用手机默认浏览器打开链接
03-31
可以使用HTML中的标签来实现在移动端使用手机默认浏览器打开链接。如下所示： 点击打开链接 在移动端，点击这个链接会默认使用手机的浏览器打开链接。其中target="_blank"表示在新页面中打开链接，而不是在当前...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值