-
2 votesanswersviews
位置：在iOS Safari上激活键盘固定
我试图使用固定位置在iOS设备上运行良好 . 这是键盘未打开时的外观： Screenshot: No keyboard active 对于上面的聊天窗口，我使用了这段代码： position: fixed; top: 0; right: 0; bottom: 0; left: 0; 当我点击输入框（写一条消息）时，键盘打开，顶部变得隐藏，屏幕放大，看起来像这样： ... -
0 votesanswersviews
对于两种类型的列（固定和流体宽度），使用flex-nowrap（bootstrap 4）溢出-x：auto无法正常工作
溢出-x：自动（表格响应）没有想要在将窗口宽度减小到最小可能的宽度之后出现（表格的滚动条出现得太晚了，我认为它取决于左侧的柔性容器宽度） . 而不是预期的行为， the right flex container stops shrinking and its content overflows a window/area （窗口滚动条出现） . 我没有知道如何修复它 . 我需要做些什么才能解决这... -
1 votesanswersviews
Wordpress - 可视化编辑器响应式图像交换禁用移动选项卡设备上的边距
我在视觉作曲中创建了两行，并且都是3/3对齐 . 在第一个我放置三个交换图像，尺寸380x190px . 在第二个我添加两个具有相同尺寸的交换图像，我使用css margin-left：150px用于第一个和margin-right：150px用于第二个用于将它们带到中心 . 您可以在附加的image1-pc.png上看到我到PC浏览器的结果 . 视觉上正是我想要的 . 但我的问题是，在移动设备和... -
82 votesanswersviews
如何在React中响应自动调整大小的DOM元素的宽度？
我有一个使用React组件的复杂网页，我试图将页面从静态布局转换为响应更快，可调整大小的布局 . 但是，我一直遇到React的限制，我想知道是否有处理这些问题的标准模式 . 在我的特定情况下，我有一个组件呈现为带有display的div：table-cell和width：auto . 不幸的是，我无法查询我的组件的宽度，因为你无法计算元素的大小，除非它实际放在DOM中（它具有用于推导实际渲染宽度的... -
-2 votesanswersviews
具有 Headers 和叠加悬停效果的响应图像[关闭]
Click here to see Screenshot.我想创建一个带有 Headers 和叠加悬停效果的自适应图像 . 笔记： 在所有设备中，在翻转和转出时， Headers 位置将保持不变 . 在翻转时， Headers 背景将覆盖整个图像，不透明度为60％ . 为了对齐 Headers 和 Headers 背景，每10px-15px我需要编写媒体查询 . 请参阅附件截图 .... -
0 votesanswersviews
将导航栏粘贴到居中的图像
我想在页眉和页脚， Headers 固定顶部，页脚固定按钮，图像和导航栏的网页中制作一个居中调整大小的图像导航栏，一起应该可以调整大小，（图像可以收缩，但绝不会绕过原始大小 . the image is done, behaving as wanted! 我遇到的问题，我 couldn't make the navigation bar stick in the bottom of the ima... -
0 votesanswersviews
带有React和Bootstrap的响应式导航菜单 - 汉堡包不是很好的
我用Bootstrap创建了一个简单的导航菜单 . 它在纯JavaScript中运行良好，但在将其调整为反应时，汉堡包图标不起作用（点击时没有任何反应） . 我安装了bootstrap npm install --save bootstrap 然后将bootstrap css添加到公用文件夹中的index.html： link rel="stylesheet" href=&q... -
0 votesanswersviews
CSS上的动画与文本
我有一个4块文本的动画 . 在计算机版本中，它可以按我的意愿工作，但在响应版本中，我需要只看到一个块，它需要更改为另一个块 . 但是在这段代码中，我有4个块，我的意思是我在CSS中编写的一段时间后，需要将一个文本块更改为另一个块 . 请告诉我，我怎样才能在reonsive verison中制作它？ .div-img img { position: absolute; top: 0; l... -
0 votesanswersviews
自动调整为任何移动设备设置为背景的图像大小
在wordpress，致力于客户端响应移动唯一主题 . 我做的是设置一个图像作为背景背景：URL（''）与简单的CSS问题是，我尝试从封面的每个可能的选项，100％包含和设置容器的大小设置max-height由px和什么没有 . 图像可以从图像中的特定位置放大，也可以放大显示在屏幕顶部的图像，如同小尺寸一样 . 我想要得到的是，当用户进入网站时，它将计算屏幕尺寸，图像将适合屏幕尺寸宽度和高度，然后... -
1 votesanswersviews
没有媒体查询的流体排版 .
我正在使用下面的mixin生成一个min字体和一个基于视口的文本的最大字体 . 但问题是当我的代码放在CMS中时，CMS的“框架”与视口无关，媒体查询也不会触发，因为实际的“媒体”表示桌面没有改变 . @mixin responsive-font($responsive, $min, $max: false, $fallback: false) { $responsive-unitles... -
0 votesanswersviews
视频出现在模拟器中但不在移动设备上
以下是我的代码 . 视频正在Chrome中的移动模拟器上正确显示，但不会出现在移动设备上 . 我从视频中删除了'autoplay'并为视频创建了mp4和webm文件类型 . 仍然没有运气 . 救命？ <script> (function($) { var screenWidth = $(window).width(); ... -
2 votesanswersviews
媒体查询两个决议
我正在搜索如果他/她的屏幕分辨率如下所示，隐藏部分显示给用户： 如果宽度<1024px且高度<640px 和最小宽度1440px和高度<900px 然后显示div . 我一直在努力与最小宽度，最大高度，但没有运气 . 例如：@media screen（max-width：1023px）和（max-height：639px）和（min-width：1440px）和（max-heig... -
0 votesanswersviews
响应式网站无法正确显示
我对网站很新，但发现它很棒，很棒的专业知识 . 我有一个小问题，一个网站没有100％正确显示在手机上 . 这是 Build 响应，我的印象是它最初工作正常，但有些事情发生了变化 . 该网站将自身调整为移动屏幕，但它无法正确缩放，您必须手动减少它以在屏幕上查看所有内容 . 我不是一个真正的开发人员，但我认为应该很容易修复 . 希望有人能提供帮助 . 在我的代码下面： @media only scre... -
0 votesanswersviews
PayPal移动友好支付页面问题
我使用简单的PayPal按钮将用户重定向到付款页面 . 问题是，当用户在移动设备上访问我的网站时，它会将用户重定向到桌面版，而不是移动版的paypal支付页 . 但是，当我刷新同一页面（paypal支付页面）时，它会在移动友好页面中重新加载响应式布局，我需要第一次用户访问该页面 . 关于这一点的任何线索 . -
4 votesanswersviews
如何制作可滚动的mat-list
我正在尝试使用Angular 4.4.6和Angular Material 2.0.0-beta.12在响应高度容器内构建一个mat-list . 如何在不溢出父容器的情况下使mat-list可滚动？ 这是stackblitz网址：https://stackblitz.com/edit/angular-material2-issue-tedisv?file=app%2Fapp.component.... -
1 votesanswersviews
D3：创建响应范围条形图
我正在尝试在D3中创建一个范围条形图（参见a similar example） . 我找到了this answer，我能够将它自定义为我需要的东西，除了它使用古老版本的D3，数据是单独阵列的愚蠢格式，并且它没有响应（为什么这么多D3的东西出来了有没有回应？） . 我放弃了这种尝试，从头开始 . 我现在主要使用最新的D3和上面的SO问题中的一些想法，但数据显示不正确 . 当我调整大小时，条纹不可预测... -
0 votesanswersviews
CSS3 Speechbubble与图像
嗨，我正试图通过Nicolas Gallagher http://nicolasgallagher.com/pure-css-speech-bubbles/demo/的例子在顶部制作一个响应式语音气泡 . 但是由于我已经将语音气泡中的压缩部分更改为气泡/文本框的左下角部分，因此在响应部分出现问题 . .pinched > :first-child:before { content: &qu... -
0 votesanswersviews
如何阻止元素div（即将推出）移动？
我想做一个响应即将到来的页面website 我在这个site添加了即将推出的剧本 这是我修改后加载/来的script 但是当我尝试将网站从下到上调整大小时，我的问题将会加载/即将推出，但我只是希望它始终位于徽标之下？这个网站脚本jsfiddle . .responsive { max-width: 100%; height: auto; } #cssload-wrappe... -
0 votesanswersviews
寻找jQuery插件 - 弹出式侧面板默认处于活动状态[暂停]
我正在寻找一个jQuery插件，它可以创建一个默认在网站上活动的弹出侧面板 . 然后我们点击登陆页面关闭它 该示例可以在http://www.shein.in/找到 - 当页面从浏览器屏幕的左侧加载一些购物广告幻灯片时（默认情况下会自动显示活动的侧面广告 - 如果插件具有此基于cookie的功能，那将会很棒） . -
363 votesanswersviews
如何使div填充剩余的水平空间？
我有2个div：一个在左侧，一个在我的页面右侧 . 左侧的那个有固定的宽度，我希望右侧的一个填充剩余的空间 . #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation { wi... -
0 votesanswersviews
移动响应主题css无法正常工作
我创建了这个网站：http://www.articaclima.it/home 正如您所看到的，通过调整浏览器窗口的大小，移动响应式css主题工作得非常好 . 在任何地方，通过在浏览器中切换设备工具栏，或通过在移动浏览器中查看，移动css主题根本不显示 . 问题是什么？ 谢谢 -
0 votesanswersviews
始终扩展移动的垂直引导导航栏
我希望导航栏始终在移动设备上展开，但是当折叠导航栏正常切换时，它会垂直显示 . 由于导航栏总是展开，我想删除汉堡包按钮的可见性 . 在桌面上，导航栏应始终展开和水平，这在我的代码中已经有效 . 我认为在导航栏切换器上简单地使用aria-expanded =“true”应该可行，但它似乎不起作用 . 小提琴：https://jsfiddle.net/fegq670m/1/ 码： <nav cl... -
0 votesanswersviews
VueJS根据响应性动态安装或附加组件
我对VueJS和响应能力有疑问 . 假设我有一个侧栏和主页组件的以下模板： <template> <div id="app"> <div class="row" style="margin-right:0px;"> <div class="... -
0 votesanswersviews
容器DIV在调整大小时伸展，但在滚动时不伸展
我有一个主屏幕 <div> ，它以屏幕为中心，高度是视口高度的总大小 . 当我调整浏览器大小时它工作正常，但如果我有可见浏览器窗口下方的内容并需要向下滚动， <div> 变为静态并假定它滚动时的大小 . 这里需要更改什么才能使容器 <div> 在滚动时正确调整大小？ .container1 { width:80%; ... -
0 votesanswersviews
HighCharts：如何在浏览器调整大小时切换yAxis选项？
在HighCharts 5.0，您可以定义一组在不同的取景框大小应用响应chartOptions的 . 见https://www.highcharts.com/docs/chart-concepts/responsive . 不幸的是，对xAxis和yAx的更改只能在一个方向上进行 . 当浏览器第二次调整大小时，无法恢复到原始选项 . Example One http://jsfiddle.ne... -
0 votesanswersviews
全宽Youtube嵌入英雄背景视频
我正在寻找一种HTML和CSS方式来显示这个嵌入视频作为75vh高度的英雄背景 . 现在，iFrame保留了他的 width: 100% 和他的 height: 75vh 但是图像本身并没有覆盖整个 Headers 宽度 . Actually, I need it to behave like a background-size: cover property . 这是一个快速附加的js... -
0 votesanswersviews
React Native Layout - 具有响应式图像的Flexbox
我想在React Native中使用Flexbox实现布局 . 我们的想法是能够在其下方具有文本的响应式图像，在页面上垂直居中 . 问题似乎包含图像的视图最终消失，因为图像没有高度或填满整个屏幕高度并将图像下方的文本推到底部 . 我假设它与未定义的图像尺寸有关，以使其以响应方式操作并填充父容器 . Here's a mockup of the layout 更新 感谢Topik Mujianto ... -
0 votesanswersviews
Bootstrap Navbar菜单项目被困在汉堡菜单中
这里_469127是一个奇怪的 - 我可以将一个响应的Bootstrap导航栏从一个项目复制并粘贴到另一个项目中，并得到不同的结果 . 值得注意的是，在第一个项目中，缩小窗口大小最终会将导航栏缩小为可折叠的汉堡包菜单 - 这就是我想要的 . 将相同的代码复制并粘贴到不同的项目中会导致导航栏菜单项 always 位于汉堡菜单中 . 我可以点击它来展开并显示导航栏菜单项，但不能让它们在任何浏览器宽度的... -
1 votesanswersviews
防止折叠的bootstrap4导航栏中的下拉列表展开导航栏
我需要一个选择器，它不会在bootstrap v4导航栏中与菜单的其余部分一起崩溃 . 也有一些工作 . 见下文 . 它实际上有两个语言选择器，但是当浏览器窗口小于bootstrap中的lg-breakpoint时，会隐藏一个语言选择器 . 如果它明显大于lg断点，则相反 . 它工作正常 - 但可能有一个更优雅的方式来做到这一点 . 我不喜欢的是，当导航器折叠时，单击语言选择器会根据下拉列表的高度...