mobile-browser 相关问题

移动浏览器是设计用于移动设备(例如移动电话或PDA)的网络浏览器。

使滚动条在移动浏览器中可见

当我有一个带有可滚动内容的网页时。使用 css 属性“overflow:auto”或“overflow:visible”,滚动条在桌面浏览器上可见,但是当我在移动浏览器上打开页面时,

回答 4 投票 0

为什么粘性/固定元素的一部分会在移动浏览器中脱离屏幕?

在桌面浏览器中一切正常。但在移动浏览器中,无论如何首先滚动约 20px。较高元素中的所有边距和填充 = 0。你能帮我解决这个问题吗? HTML: 在桌面浏览器中一切正常。但在移动浏览器中,无论如何首先滚动约 20px。较高元素中的所有边距和填充 = 0。你能帮我解决这个问题吗? HTML: <mat-toolbar color="primary"> <app-my-svg style="min-width: 50px; max-width: 70%; padding-top: 10px;" #svgAnima class="svg-image" id="svgAnima" [mat-menu-trigger-for]="menu"> </app-my-svg> <div class="hamburger"> <mat-menu #menu="matMenu"> <nav class="menu"> <a mat-menu-item (click)="item.fun ? item.fun() : '' " *ngFor="let item of menuItems">{{ item.label }} </a> </nav> </mat-menu> </div> <div class="navBar"> <button mat-flat-button color="primary" (click)="item.fun ? item.fun() : '' " *ngFor="let item of menuItems" class="menuBar"> {{item.label }} </button> </div> <span>Zastroycogramm </span> </mat-toolbar> CSS: mat-toolbar { position: -webkit-sticky; position: sticky; top: 0px; left: 0px; z-index: 50; max-height: 200px; width: 100%; } .menu { flex: 1; font-family: Roboto, 'Helvetica Neue', sans-serif; } @media (min-width: 1000px) { .navBar { display: flex; width: 100%; align-items: center; font-family: Roboto, 'Helvetica Neue', sans-serif; } .hamburger { display: none; } } @media (max-width: 999px) { .navBar { display: none; } .hamburger { display: flex; width: 100%; } } 我是一名新手程序员,下面我将添加您需要澄清这个问题的信息 我刚刚在CSS html中添加了body { height: 100% }

回答 1 投票 0

是否可以在移动浏览器上停用滑动导航?

我正在构建一个 VueJS 表单,它有多个步骤和一个后退按钮,用于转到上一步。所有步骤都在父组件中管理,因此 URL/路由器历史记录不会随...

回答 1 投票 0

通过 useState 设置 src 时,视频在移动浏览器上冻结,但在单击按钮或设置为静音时播放

StackOverflow 社区您好, 我的网络应用程序中的视频元素面临着一个有趣的问题。该视频旨在在桌面和移动浏览器上自动播放。不过,我

回答 1 投票 0

有没有办法在 iOS Instagram 应用内浏览器中测试我的网站?

我的反应应用程序有一个页面,上面有输入字段和按钮。该网站适用于移动浏览器,但在 iOS 上的 Instagram 应用内浏览器中,每当用户单击输入字段时,

回答 1 投票 0

如何在移动浏览器中启用CSS位置:粘性?

在我的网页上添加了一些位置:粘性属性。在桌面浏览器上工作正常,但在移动设备上却很糟糕。

回答 2 投票 0

从 Instagram 打开 Next.js 页面时出现客户端错误

我一直在使用 Next.js 构建我的个人作品集,一切似乎进展顺利。但是,如果我尝试将此网站链接到我的 Instagram 简介,它会打开以下内容: 应用程序错误...

回答 1 投票 0

Bootstrap 5 拉伸链接不适用于移动设备上的某些重复元素

我有一个包含数百行的表格,该表格由重复出现的 PHP 脚本生成。在 Bootstrap 5 中,我使用拉伸链接使表格的整行都可以点击。这完全符合

回答 2 投票 0

I am facing alignment issue in chrome mobile browser when select dropdown html showing popup and radio button

您可以在下面看到单选按钮对齐问题。在 chrome 浏览器中单击选择选项 html 下拉列表后,它就会出现。 在此处输入图像描述 我只是在选择选项上应用了 css{ di ...

回答 0 投票 0

Android 上的 Bing 浏览器 App 无法处理 firebase 动态链接 URL

当我在 Android 上通过 Bing 浏览器 App 打开在 firebase 动态链接上创建的 URL 时, Bing App 似乎无法处理该链接并显示空白屏幕。 必应安卓图片 该网址适用于 iOS...

回答 0 投票 0

是否有使用 react/javascript 在 safari 浏览器中使音量为 0% 的方法?

我正在构建一个 React 应用程序。它使用 React 和 daily.co 进行视频通话。有人可以建议我一种控制音量的方法,如果需要使用 JavaScript 和 REACT 使参与者静音,可以将音量设为 0%。 基...

回答 1 投票 0

使用移动应用元标记隐藏移动浏览器搜索栏?

好的,所以我知道像 scrollTo 这样的东西不再起作用了。 但是我发现了一个使用元标记让任何浏览器相信您的网站是移动应用程序的想法,因此隐藏了搜索...

回答 0 投票 0

如何阻止页面在移动设备上自动向上滚动?(使用Blogger动态视图 "马赛克 "模板)

我的网站是:https:/testfnm11.blogspot.com,它是基于Blogger动态视图 "马赛克 "模板。(我已将模板设置为在移动设备上显示桌面视图)。问题:在...

回答 1 投票 1

移动浏览器上的客户端语音识别?

我正在研究一个针对智能手机浏览器的项目。而且我似乎找不到任何方法来进行客户端语音识别,因为chrome的移动版本甚至不支持...

回答 1 投票 2

浏览器以用户代理身份发送“ Dalvik”

Android浏览器在请求标头中发送Dalvik作为用户代理。我目前正在一个具有简单登录页面的移动网站上工作,该登录页面先验证用户名和密码,然后授权...

回答 3 投票 11

我的滚动div在PC上起作用,但在移动设备上不起作用

我正在尝试建立一个社交网站。为了显示评论,我做了两个div。这是它们的CSS代码:#bigbox {float:right;背景:白色;宽度:45%;高度:450像素; border-left:...

回答 1 投票 0

在带有触摸事件的移动浏览器中模拟鼠标悬停的最佳方法是什么?

我有一个简单的用户界面,允许桌面浏览器上的用户单击网格中的单元格,然后在按住鼠标按钮的同时,移动鼠标以快速突出显示多个单元格。我...

回答 2 投票 1

Css溢出:滚动不适用于手机

我有一个网站,我想显示评论。我尝试使用溢出滚动div,但在移动设备上不起作用。但是它确实可以在我的计算机上正常工作我在做什么错?

回答 1 投票 0

导致epub,mobi和zip文件无法在运行iOS 13的iPhone上下载失败的原因?

尝试将文件提供给运行ios13的iPhone时,我在本地服务器上遇到问题。这些问题仅发生在无法在浏览器中呈现的文件类型上,因为我的意思是诸如...

回答 1 投票 0

移动浏览器文本区域高度变化问题成为焦点>>

我对这个仅限移动设备的问题有些困惑,我也可以在Google Chrome浏览器上重现(即使在开发人员工具设置为移动设备视图的情况下,也可以在台式机上复制)。问题很简单。我有一个基本形式...

回答 1 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.