我正在开发一个带有 Angular 的应用程序,并且希望能够在移动设备上缩小我的屏幕,即使是触摸。 可以通过视口放大,但不能缩小。 我的视口是这样的: <meta name="viewport" content="width=device-width, initial-scale=1.0, ...
我正在开发一个带有 Angular 的应用程序,并且希望能够在移动设备上缩小我的屏幕,即使是触摸。 可以通过视口放大,但不能缩小。 我的视口是这样的: <meta name="viewport" content="width=device-width, initial-scale=1.0, ...
如何使用 CSS 和 HTML 中的媒体查询将桌面网页中的导航栏更改为移动网页中的汉堡菜单。 在此先感谢您的帮助。 Media Query部分应该怎么做? 这是桌面网页代码: HTML CSS ...
如您所见,我无法在查看模式下将宽度最小化,但我可以在检查模式下做到这一点。 为什么? 这是我网站的代码: 查看模式检查模式我用 @media 和 max-width 尝试了一些它也不起作用。 为什么我在正常查看网站时无法更改网站的宽度,但在检查网站时可以更改? 我查看了代码,但看不到问题所在。 ...
我是 Cypress 12.3 的新手,正在尝试找出在不同视口上运行自动化的最佳方法。 我的网站在某些地方使用不同的 css 选择器,例如在搜索产品时,稍后在结帐时。 我正在编写下面的代码,根据视口大小是移动设备还是桌面,它将执行这些步骤。 然而,在这个过程中,我意识到当 css 选择器在移动设备 ...
我有一个 angular 项目,在本地主机上运行时看起来很棒。 但是,当构建相同的代码并将其上传到我的服务器时,视口会变得混乱,并显示页面的缩小版本。 重要说明:如果我在桌面上查看它并调整浏览器大小,它在所有尺寸上看起来都很棒。 但是,如果我 go 进入开发工具并使用移动大小的设备检查它,它看起来很 ...
我以前在某个地方见过这个,但无法再次找到它来查看它。 所以让我给你举个我自己的例子。 <body> (浅蓝色)此处的宽度为55vw (视口宽度的 55%)。 只要 window(视口)足够宽,这对我来说就可以了。 但是当它变小(视口宽度减小)时,我希望<body>获得完整 ...
我想像移动视图一样更改 pc 上的视口。 我想把它改成480像素宽的视口(字母变大),我应该修改哪个? 网站是https://www.dorothycard.com/v/sample-classic 下面的代码 ...
我需要一个关于帖子浏览量计数器增量的建议。 我有一个帖子表,其中有用户帖子(类似于 twitter 和 facebook 帖子)以及视图计数器。 如果该帖子在视口中,我需要获得视图计数器增量。 示例:假设您在数据库中有 1000 个帖子。 在前端,您通过后端 api 获取 20-20 块数据。Api ...
有没有办法将IsInView设置为等待具有相同类的每个元素,这样我就不必一个一个地调用它们? 例如,如果我有三个部分,我只想这样称呼它们: 这样所有三个部分都一一出现: 编辑:我也尝试过每一个,但这也不起作用: ...
这两个容器之间有什么深刻的区别吗? , 或者简而言之是一样的.. <head> <style> * { margin: 0; padding: 0; } body { font-weight: bold; font-size: 30px; font-family: sa ...
嗨,我是 web 开发人员的新手,我真的很想知道为什么在下一个代码中: * { margin: 0; padding: 0; box-sizing: border-box; border: 1px solid black; } html { font-family: "Rubik", sans- ...
尊敬的社区成员, 我建立了一个颜色图表系统,显示在 html 个表格中。 每个单元格都通过 transform:scale 在鼠标 hover 上放大,以更好地显示颜色。 但是,当单元格被缩放时,它的一部分可能会落在视口之外。 这将需要用户向下或向上滚动以将溢出带回视图。 我想可以有一个功能检测溢 ...
我在 godot 中有两个 3D 带有视口纹理的精灵,如下所示: 传送门 1 具有传送门 2 所见的纹理,反之亦然。 (如门户网站)。 我希望它有 3D 的影响,所以当你从侧面看它时,它看起来不像这样平坦: 有没有办法实现 3D 的效果。 我已经尝试过在角色移动时偏移相机,但没有用。 门户布局 ...
我正在尝试让 Sprite 3D 具有视口纹理,并且我这样设置我的节点: 当我将 Portal1 添加到另一个场景并移动它时,除了视口节点及其下的所有内容外,所有内容都移动了:之前: 后: 如您所见,相机没有移动,我发现这是因为视口没有移动。 我尝试了多种组合,但没有任何效果。 如何让 Vie ...
MDN似乎自相矛盾。 以下是对文档所做的一些陈述: 布局视口的定义: The area within the innerHeight and innerWidth is generally considered the layout viewport. 布局视口的属性: When the use ...
我是 web 开发的新手....请给我一些解决这个问题的建议笔记本电脑中的网站和检查的打开选项卡我的网站设计上升了,所以我想要这样的解决方案来解决这个问题我正在尝试这个,但是当我打开浏览器的检查选项卡时它无法正常工作,它的大小根据视图端口大小而变化......请帮助我解决这个问题......谢谢. ...
我正在上一门课程,在固定的 position 中顶部有一个导航栏。背景设置为 100vh 的高度,并且带有文本内容的 div 位于背景的中央。 使用 flexbox 它几乎居中,但为了真正让它位于背景的中心,这个 div 的高度必须设置为 100% 的高度。 我掌握了 flexbox 和视口高度,但 ...
下面是我的代码的副本。 我检查了一些论坛,发现保证金可能是问题所在,但我将其设置为 0。此时我有点难过。 任何帮助表示赞赏。 我期待它能在我的页面上垂直和水平地完全伸展。 它实际上只有大约 1 列,并且不会在任何方向上完全拉伸。 ...
我使用 tmap 创建了附加的 plot。 但是,我想在插图 map 中添加一个比例尺,但我还不知道该怎么做。 有人可以帮帮我吗? 以下是我用来创建附件 map 的代码: 谢谢! ...
我希望在调整浏览器大小时我网站中的图像完全改变。 我一直在使用媒体查询,但我似乎做错了。 有什么想法/提示吗? 问题是我已经尝试了媒体查询的显示技巧,但它不起作用我这样做了,但即使在我降低视口时它也不起作用。 笔记本视口中的图像在手机视口中保持不变。 .blocks { height: 58%; ...