1回答
在Safari中，我认为应用于阴影DOM中元素的视口单元(如vw)实际上不会响应视口的更改。他们应该这样做吗？在下面的演示中，浅蓝色的<main>元素和危险条纹的<div>都将其宽度设置为50vw。在Chrome、Firefox、Edge和Opera中，这些元素的大小与我放大和缩小视窗的大小相同，而在Safari中，<div>保持不变。
浏览 28提问于2020-08-14得票数 0
1回答
我认为使用相对单位来开始我的一个新项目会是一个好主意。当我在做它的时候，我检查了chrome仿真，以确保所有的东西在这些设备上都工作得很好，而且看起来也很好。skycloudsalpha.jpg'); background-position: 50% 75%;}
我用的是VH单位
浏览 0提问于2014-08-11得票数 9
回答已采纳
2回答
我希望我的图像完全覆盖背景。此外，如果除了背景之外没有任何方向的内容，我不想要滚动条。SCSS padding: 0 !important;}
background: url("../../../assets/Images/WhatIsHunter.jpg") no-repeat center center fixed; hei
浏览 1提问于2017-08-27得票数 0
1回答
我正在为一个乐队做一个简单的网站。你可以在上查看它。在桌面版上，一切都运行得很好，但在我的iPhone上，当点击汉堡菜单时，背景图像会放大。我假设这是因为当菜单打开时，页面的高度会发生变化，从而导致站点调整页面的高度以容纳额外的内容。我希望移动网站的行为与桌面网站一样:背景是一个固定的封面，不会重复。这是我的第一个项目，所以任何帮助/建设性的意见都将非常感谢！html { -webkit-background-size: cover;
-moz-backgroun
浏览 0提问于2017-04-07得票数 0
重现此错误的唯一方法似乎是使用带有视口单位和px值的calc()。为什么将calc()与视口单位一起使用似乎会导致此错误？通常认为，将视口单位与px值混合以创建响应式rem大小是否明智？
浏览 0提问于2021-02-19得票数 3
1回答
div> <footer></footer>
如果我能拿出max-height就好了，但是容器会随着内容高度拉伸，而如果我设置max-height，那么它就不会有响应
浏览 0提问于2021-10-07得票数 0
1回答
我的应用程序响应性很强，因为随着视口宽度的变化，各种DOM元素的宽度也会发生变化。我知道，当我创建用于测试的“页面”时，我可以在“run-jasmine.js”中设置视口宽度。我想知道的是，is.....Are，您可以在一个测试套件中以某种方式遍历一系列视图端口宽度。使用“run-jasmine.js”，似乎设置了'page‘，然后运行测试，一旦运行测试，您就无法从测试代码中访问将viewport宽度设置为新值的权限。如果有
浏览 2提问于2014-05-28得票数 6
回答已采纳
我有两个div设置为display:table-cell；因此，它们并排坐着，一行div用于显示:table- row；最后是显示:table:table的#主div；。所有父元素都有100%的高度，但是#主div不会离开。我已经试过了我能想到的一切来修复它，并希望它是简单的，我错过了。下面是我的密码。* { padding: 0px;html, body {}
position: relative;}
header
浏览 5提问于2015-08-19得票数 1
回答已采纳
3回答
CSS中是否有字体大小单位，允许我指定相对于父元素的大小；我想要一个父母相对大小的响应设计。例如，我的父元素是400px wide，我希望我的文本是这个宽度的一半，但是我不确定我是否能够指定它--或者即使这样的特性会得到广泛的支持。
浏览 14提问于2015-07-16得票数 5
回答已采纳
我正在尝试开发一个类似于Netflix的旋转木马，但我无法使其响应。我一直在使用一个代码示例：
在本例中，它具有硬编码的宽度和高度。我想让它使用响应性度量(百分比)。我想使用vw视口宽度单位，但这不适用于我，因为它不排除滚动条。因此，当我想让每个转盘项目的宽度为20vw (这样每个项目都是视区大小的20% )时，它们总是比我想要的要宽，因为视区不排除滚动条。
浏览 2提问于2016-01-16得票数 1
我正在尝试使用Modernizr来检测浏览器中是否支持视口单位。if(!Modernizr.cssvhunit) {}但是，如果我以纵向加载页面，我看不到警告。
为什么这种情况只在景观<
浏览 3提问于2014-12-19得票数 0
2回答
我已经看到了如何检测特定元素是否在视区中的解决方案，但是我想知道在所有元素中，有哪些元素目前在视口中？我可以循环遍历所有DOM元素并对边框执行检查，但是有更有效的方法吗？我试图实现的是保存用户在整个页面中的阅读进度并保存它，然后在下次用户打开相同的页面时使用scrollIntoView()使用该信息滚动到该元素。我以前尝试过一种不同的方法，保存并滚动到深度百分比，但是在需要改变视口大小的响应设计中，
浏览 9提问于2022-04-06得票数 0
2回答
我想知道是否有一种好的、通用的、简单的方法来编码/声明所有图像在某个视口以下的响应设计中水平地居中。
例如，在480 on宽度视口以下，所有图像以块形式显示，并以屏幕为中心。。
浏览 5提问于2012-02-10得票数 1
回答已采纳
1回答
我可以将样式添加到我的组件中，以响应并使它们自己适应视口。有没有一种方法可以相对于父级进行“媒体查询”？注意:这个问题不仅是关于元素的大小，可以使用em或%单位轻松设置，还可以是颜色或显示类型。
浏览 2提问于2016-09-14得票数 1
2回答
垂直响应高度
、、、
我正在使用bootstrap，有一个响应性的页面宽度，但我也试图使它垂直响应性。该页面最终将成为一种小部件，以便用户可以将其调整为任何类型的宽度和高度组合。一般来说，我在网上看到的搜索是与响应宽度相关的，或者如果他们谈论高度媒体查询，那么它只针对构成页面的所有元素的一部分。我发现在bootstrap中设置断点很有帮助，但我几乎希望垂直断点也有一个12行的网格系统。并不是所有的布局在高度约束时都会看起来很好，特别是当我要做的事情也没有任何垂直滚动条的时候。min-width: 1920px) and (min-height:
浏览 0提问于2017-05-04得票数 5
回答已采纳
实际上，document.documentElement是html元素，不管我是否已经在html元素的px中设置了固定宽度，clientWidth都将返回viewport维度。现在，当我研究CSS时，我了解到移动浏览器有两个视口，默认的视图端口和理想的视图端口。对于没有响应技术的浏览器来说，默认的视口非常有用。理想的视口是当我提供了RWD机制时使用的视口(在本例中，我必须使用<
浏览 0提问于2020-05-16得票数 2
回答已采纳
2回答
根据视口的高度自动设置图元的比例
、、、、
至少可以说，使用CSS根据不同的视口高度来缩放元素是单调乏味的，而且应该不需要IMO。话又说回来，我可能完全错了。这是我的例子：
我需要类.scales中的整个内容根据视口的高度缩放，如果方向改变也要更新。
浏览 3提问于2013-05-06得票数 0
2回答
我需要计算文本的宽度(以像素为单位)，以确定何时重新定位开始。这只能达到我的浏览器的最大视口大小。
是否有任何方法确定文本的长度(以像素为单位)，其中包括视口/屏幕上的文本？
浏览 1提问于2014-04-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
云直播
腾讯会议活动推荐
腾讯云开发者
