首页 文章
  • 2 votes
     answers
     views

    弯曲增长使最后一行正确宽度[重复]

    这个问题在这里已有答案: Targeting flex items on the last row 3个答案 所以我有一个包含一些盒子的弹性盒子 . 所有盒子占据宽度的三分之一 . 由于我使用flex-grow,我的最后一个元素不会坚持其列的大小 . 我理解为什么会这样,但我不想使用max-width作为指定的宽度通常不是很好 . 任何建议都会得到满足! 这就是目前正在发生的事情: 我想要发生...
  • 469 votes
     answers
     views
  • 1 votes
     answers
     views

    如何在不损失比例的情况下制作视差全屏背景

    所以我想制作一个用鼠标移动的背景 . 背景需要比屏幕大15%左右,以使效果更好 . 我没有使用tilable图像 . 我试过使用 background-size:115% ,但问题是图像是水平的,如果浏览器尺寸不够宽,我们可以看到图像的边缘 . 使用 background-size:cover don 't work because I can'为它设置动画,因为没有外部图像 . 使用带有 wi...
  • 0 votes
     answers
     views

    更改订单会阻止magento xml local.xml,但仅限智能手机解析

    大家好,我需要改变magento 1.9上blocsk的顺序,但仅限于移动或智能手机分辨率而非桌面分辨率 . 我查了这个change order of blocks via local.xml file in magento和https://www.templatemonster.com/help/magento-how-to-change-blocks-order.html#gref 但是改变网...
  • 0 votes
     answers
     views

    如何删除Bootstrap 3中的导航栏更改功能

    我有一个客户端正在对内部页面的响应性调整进行逆转,并希望保留新的页眉和页脚元素,减去响应功能 . 我们正在使用Bootstrap 3 . 我的问题是所有关于删除响应功能的建议都会产生 如果我使用修改后的.container宽度和最大宽度设置保留原始Bootstrap.css文件,导航栏将显示为正常,但在命中768px断点后元素将消失 . 没有汉堡包图标,所有其他样式都是正常的 . 使用从媒...
  • 30 votes
     answers
     views

    jQuery - 检测窗口宽度变化但不检测高度变化

    我正在使用 .resize() 函数来检测窗口重新调整大小的事件,但这会检测高度和宽度的变化 . 有没有办法检测 just a width change 而不是高度变化?
  • 93 votes
     answers
     views

    保持div的宽高比但是在CSS中填充屏幕宽度和高度?

    我有一个网站,它有一个固定的宽高比约为 16:9 景观,就像一个视频 . 我想让它居中并扩展以填充可用的宽度和可用的高度,但不要在任何一侧变大 . For example: 高而薄的页面将使内容伸展整个宽度,同时保持比例高度 . 一个短的宽页面将使内容延伸到整个高度,并具有成比例的宽度 . 我一直在研究两种方法: 使用具有正确宽高比的图像来扩展容器 div ,但我无法让它在主要浏...
  • 4 votes
     answers
     views

    保持背景图像全高,同时仅裁剪边以保持比例

    我有一个带全屏背景图片的移动页面 . 我有一个肖像图像和一个景观图像 . 我的任务是保持图像高度全屏,同时裁剪侧面以适应屏幕并保持纵横比 . 我试过这个css技巧post: html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz...
  • 3 votes
     answers
     views

    如何在Ionic 2中获得响应式网格布局

    目前还不清楚如何在Ionic 2中创建响应式布局网格 . 我希望有人可以对这个主题有所了解 . 我有grid: <ion-content class="home card-background-page" padding> <ion-row wrap> <ion-col> <ion-card *ngFor=&qu...
  • 1 votes
     answers
     views

    vmware项目清晰度和响应式设计组件的角度

    我们正在寻找有角度的UI组件库,我们发现project clarity可以满足我们项目的所有需求 . 但我们最后关注的是响应能力 . 即使在他们的网站上我也找不到明确的答案 . 所以,我想听听之前使用它的人 . 项目清晰度是否具有响应式设计组件?
  • 1 votes
     answers
     views

    Flexbox - 对齐:居中/对齐:中心高度未知

    我试图将页面分成4个相等的正方形和 centered 内容 . 我遇到的问题是由于.flex-item div具有视口高度而使内容居中,我正在寻找一个完整的flexbox解决方案,谢谢 . 我从资源中尝试了以下内容: 证明内容中心 对齐项目中心 .flex-container { display: -webkit-flex; -webkit-flex-flow: row wrap; f...
  • 0 votes
     answers
     views

    敏感的css sprite视网膜

    我在最后几天读了很多关于这个话题的内容,但我找不到解决方案 . 我有两个精灵套装,一个是低质量的普通显示器,另一个是高质量的视网膜显示器 . 我的问题是,我的网站必须响应,图形应根据浏览器窗口调整大小 . 但是使用 background-size 属性,我似乎无法告诉浏览器调整精灵的大小 . 这是我到目前为止所得到的: #logo-img { max-width: 100%; text-i...
  • 0 votes
     answers
     views

    响应内容背景不垂直拉伸

    我正在制作的网站是:diyhelp.es 如果你重新调整浏览器的大小,你会发现内容背后的白色背景实际上变小了(即使div变大了)我已经查看了CSS并且看不到问题 . 因为我不知道是什么导致它我不能粘贴任何代码(除非你要我粘贴完整的CSS?) . 它只是一个纯白色的背景 - 没有图像 .
  • 4 votes
     answers
     views

    保持CSS和jQuery动画的响应

    My problems: 我的动画没有响应 . 当在较小的屏幕上使用时,图像和文本移动并变得太大 . 我的.moveup类不会动画 . 我已经尝试将CSS转换放在我认为属于它的任何地方,但是当jQuery在课堂上添加时,两张受影响的图片就会跳转 . Background information:我正在 Build 一个网站,作为这个网站的一部分,应该播放一个简短的动画 . 欢迎滑到一边...
  • 0 votes
     answers
     views

    VueJS根据响应性动态安装或附加组件

    我对VueJS和响应能力有疑问 . 假设我有一个侧栏和主页组件的以下模板: <template> <div id="app"> <div class="row" style="margin-right:0px;"> <div class="...
  • 1 votes
     answers
     views

    创建两列响应式css html设计,在移动设备上缩小或查看时合并为1列

    所以我不是非常精通网络,我在我的WordPress网站上创建一个FAQ页面,我想制作一个响应式的两列布局,其中包含一个问题列表,当用户点击其中一个锚点时,它会将它们归结为与大多数常见问题解答一样,页面上的答案 . 我希望这些链接的列表是两列布局,而网站上的其他所有内容都只有1列布局,我希望它非常流畅和美观 . 当屏幕缩小/被平板电脑或iPhone使用时,我希望两列布局最终合并为一列 . 这是我的代...
  • 0 votes
     answers
     views

    与背景图象的敏感网格布局

    我想制作以图像为背景的网格布局 . 我想要2列和2行网格,但具有不同的高度和宽度 . 它应该是响应的,当我们调整窗口或屏幕的大小时,网格和图像应按比例调整大小 . 我怎样才能做到这一点?请帮我 . 这是我的代码 . #ser_wrap{ margin: auto; border: 1px solid #fff; padding: 0; } #col1{ background: url(i...
  • 0 votes
     answers
     views

    HTML-CSS,响应式网格布局

    我正在玩w3.css样式表,我正在尝试制作一个适合填充页面的2x3网格 . 然后每个单元格将包含一个图像,该图像应适应单元格的宽度或高度(取决于图像是纵向还是横向) . 我希望我的网站总是在同一页面(桌面模式)上没有滚动条,因此页脚必须始终可见,网格必须填充页面,图像必须调整大小以适合并将自己的单元格置于网格中心 . 是否有可能只使用html和CSS,没有JS?我觉得它是,但我无法弄清楚如何 . ...
  • 1 votes
     answers
     views

    css网格图像响应

    我正在尝试制作小网格图像 . 在桌面上我想要每列3个图像,在移动设备上每列需要2个图像 . 这样做我没有问题 . 当我将页面大小缩小到移动大小时,问题就开始了 . 图像按正确顺序排列,但它们不缩小,它们保持原始尺寸,右边的图像从网格中出来(你看不到它的一半) . 我尝试了最大宽度:100%,宽度:100%等 . 没有工作 . .sponsors1 { display: grid; grid...
  • 1 votes
     answers
     views

    绝对定位DIV的宽度不会根据子图像调整大小

    我有一个绝对定位的div,其中有一个百分比高度和一个图像 . 该图像的高度为100%,宽度为auto . 当调整视口的高度时,绝对div将不会调整其宽度,图像将被切断,或者您将看到div的背景 . 示例:http://jsfiddle.net/Y5Cr7/ CSS div { position: absolute; overflow: hidden; height: 50%...
  • 396 votes
     answers
     views

    流体或固定网格系统,采用响应式设计,基于Twitter Bootstrap

    我对twitter bootstrap grid中的各种选项感到困惑,以及它们如何结合在一起 . 首先,您可以使用普通的固定 container 或 container-fluid . 然后任何一个都可以包含普通的 row 或流体行 row-fluid . 也就是说,你可以拥有一个带有流体排的固定容器,或一个带有固定排的容器流体...... 最重要的是,您可以包含“响应式”媒体查询 . 我对这...
  • -1 votes
     answers
     views

    'Max' em中的响应断点

    我正在使用SASS,使用基于Bootstrap 3的em中的媒体查询来处理响应式站点 . “max”断点基于16px的浏览器基线设置 . 我理解媒体查询是基于浏览器的基本字体大小,它与文档上设置的任何基本字体大小无关 . 我发现文章解释了这一点,推荐用于'min'断点的em但是找不到'max'的任何提及 . 是否有设置最大断点的最佳实践,以考虑浏览器基线不是16px的情况? 我目前正在使用以下内容...
  • 4 votes
     answers
     views

    使用rems在媒体查询中指定断点[关闭]

    我使用rems在媒体查询中指定断点,如下所示 @media screen and (min-width: 30rem) {} 如果 body {} 中未定义基本字体大小,则它将继承浏览器默认字体大小 . 我听说使用 rems 是最好的做法 . 我的问题是,如果用户更改浏览器默认字体大小,则媒体查询将不会以预期的屏幕大小为目标 . 例如: 30rem (width of view port) = ...
  • 3 votes
     answers
     views

    带有png回退服务器端的内联svg

    我想在我的网站上使用内联svg代码(即 <svg> 标签而不是 <img src="example.svg" /> ),并为browsers < IE9 and < Android 3使用png后备 . 遵循Responsive Design with Server Side components的概念,我想专门针对那些使用PHP的浏览器进行...
  • 272 votes
     answers
     views

    在响应式布局中隐藏元素?

    通过引导程序看起来它们似乎支持折叠较小屏幕的菜单栏项目 . 页面上的其他项目是否有类似内容? 例如,我有一个导航丸正好浮动 . 在小屏幕上,这会导致问题 . 我喜欢至少把它放到类似的点击显示更多下拉菜单中 . 这在现有的Bootstrap框架中是否可行?
  • 5 votes
     answers
     views

    如何在Zurb foundation 4中使用断点?

    我想有3个断点 . 从广义上讲,我想为小型,中型和大型窗格配置网格 . 查看基础网格的文档,为“小”和“大”提供了示例类名 . 但是,我怀疑基础可以更灵活 . 所以我查看了文件_foundation-global.scss . 果然,似乎有一系列窗格大小的数学函数和变量 . 在网格文档中,我可以看到类似'small-12'和'large-3'的类名 . 理想情况下,我想做'中等3'之类的事情 . ...
  • 0 votes
     answers
     views

    基础:强制页面特定部分的断点

    我希望显示类似于包含基础网格(行小-12中6列等)的某些内容的预览 . Is there a way to force this content to be displayed as it would be displayed at a different breakpoint than the actual one? 例如,假设用户加载页面并且实际断点是大的断点 . 如何在不要求用户调整窗口大小...
  • 1 votes
     answers
     views

    如何在Foundation 6中禁用响应式网格

    我目前正在使用新的Foundation 6开发一个响应式网站,但我似乎无法通过版本5的教程找到如何禁用响应式网格(我需要让客户选择它) . 非常感谢你 .
  • 4 votes
     answers
     views

    zurb foundation 4手机与桌面内容

    我是Zurb基金会的忠实粉丝 . 他们刚刚发布了Zurb Foundation 4,它被重新设计为移动优先 . 考虑到移动设备,平板电脑和传统桌面体验,我对响应式设计还是比较陌生的 . 我试图围绕如何最好地管理这些不同设备的网站内容 . 使用Zurb Foundation 4,您可以隐藏或显示基于小型,中型或大型设备尺寸的内容 . 因此,在Zurb的方法中,您可以将所有内容放到设备上,让CSS根据...
  • 0 votes
     answers
     views

    Zurb基金会来源订购 - 打破侧栏专栏文章

    您是否只能重新排列整列的源顺序,还是可以在移动视图的列中重新排列内容块? 我正在使用Foundation 3,我正在尝试更改移动设备上某些内容的源顺序 . 我从文档中了解到push - # - mobile和pull - # - mobile的工作原理,但需要做一些不同的事情 . 我们有一个两列的桌面布局:.eight.column用于主要内容,.four.column用于侧边栏 . 在移...

热门问题