是否可以使用背景图像制作响应式 div，该背景图像保持背景图像的比例，就像使用 <img> 一样?
母语不是英语，所以可能有更好的方法来塑造问题......无论如何: 我要创建的内容类似于此处的标题:http://thegreatdiscontent.com/adam-lisagor标题图像在所有屏幕尺寸中都完全显示，并且图像的纵横比当然总是正确的.这是使用 an 并使文本出现在 using position: absolute 上的. 但是如果你使用 css 作为背景图像而不是 ，
..
responsive-design相关内容
div 全宽中的响应式背景图像
我正在尝试弄清楚如何在 div 全宽和响应中制作背景图像.背景图像在整个页面的宽度上扩展(并且是响应式的)，但图像的高度不是它的全高.它似乎以某种方式被切断了.我正在使用引导程序框架，我尝试这样做的原因是我想在图像上覆盖一些文本.我尝试了很多不同的东西，但似乎无法弄清楚，帮助！
..
Angular 4 材质是否像引导程序一样具有响应性?
我正在开始一个使用 Angular 4 的新项目，需要创建响应迅速且令人愉悦的用户界面. bootstrap 为您提供响应能力，但没有实质性的感觉 angular material 提供了良好的 UI 体验 https://material.angular.io 我知道 bootstrap 并在以前的 AngularJS 应用程序中使用过它，但 angular 材料对我来说是新的.遵
..
如何创建 3 列响应式布局?
我有一个 3 列布局.从桌面访问时，显示如下: -------------------------------------------|左列|列中心 |右列|------------------------------------- 我希望从手机/平板电脑/调整浏览器查看时是这样的: ----------------|左列|----------------|列中心 |------------
..
使用 css 限制响应式图像的高度
我的最终目标是拥有一个流畅的 ，它不会扩展到仅使用 css 的父/祖父元素的明确设置的高度. 目前我正在使用普通的 (max-width:100; height:auto;) 流体图像和 javascript，通过从 img 标签读取高度/宽度属性，计算方面比率，在所需的高度限制下计算图像的正确宽度，并将该宽度作为 max-width 应用到图像的容器元素上.非常简单，但我希望不用
..
Android 浏览器忽略响应式网页设计
我刚刚开始转换具有“响应式网页设计"的网站.我为 Firefox 安装了“Web Developer"插件( http://chrispederick.com/work/web-developer/ ) 来检查它是否有效.一切看起来都很好. 现在我用我的安卓手机试过了.我在纵向模式下无法正常工作...我将问题归结为电话中对@media-selectors 的错误处理: 此页面(http
..
如何使颜色框响应
我在响应式网站中使用 colorbox. 我有一个请求:我希望 Colorbox 自动调整到屏幕/移动设备的大小和方向:如果我改变屏幕/移动设备的方向(即，如果我旋转我的手机来调整水平和垂直方向)图片到屏幕尺寸，我希望 Colorbor 自动调整到屏幕的新尺寸/方向).目前，Colorbox 仅在加载新图片时自动调整自身(例如在幻灯片中). 我在封闭的谷歌群组中提出了这个问题:
..
carouFredSel 响应高度
我在使用 carouFredSel 时遇到响应式旋转木马的高度问题. 因为图像具有响应性并且轮播也设置为响应性. 它仍然将图像的最大高度添加到 div. 当我的图像为 740 宽且高度为 960 时.它将图像调整为响应宽度以适应屏幕，图像也被重新缩放以适应宽度但 div 似乎仍然认为有一个具有高度的图像960. 我该如何解决这个问题? 解决方案 我不久前偶然发现了这
..
使用 ionic 作为桌面 Web 应用程序
Ionic 是使用 html5 开发移动应用程序的绝佳框架.我们也希望在桌面浏览器上使用相同的应用程序.制作一个在桌面浏览器和移动浏览器上都效果最好的单一响应式 UI 并制作应用程序是个好主意吗?或者我们应该对浏览器和移动应用进行不同的开发. 解决方案 为了进一步扩展已经说过的内容，Ionic 仅针对移动设备构建和测试.例如，Internet Explorer 没有经过测试，也没有正确处理
..
zurb基础是否可以有全行宽
我正在使用基础 3 来构建响应式网站，但我想让页脚和导航背景宽度占据整个宽度?我已将行命名为 class="行导航"类=“行页脚" 我试图寻找如何解决这个问题，但我别无选择.我假设它是foundation.css 文件中的一个小修复，但由于我不熟悉它，所以目前它有点太多了. 非常感谢任何指针. 解决方案 我昨天遇到了同样的问题.诀窍是，对于全宽跨越块，您只需将它们保留在行/列结构
..
响应式 Masonry jQuery 布局示例
谁能建议本网站如何使用 jQuery Masonry 插件来实现其响应式、流畅的布局? http://tympanus.net/codrops/collective/collective-2/ 特别； 在浏览器调整大小时，列数从 3 变为 2 到 1，这是您对使用 masonry 的站点的期望，但有趣的是，列也调整大小以始终填充可用的整个宽度.随着列数的变化，我见过的大多数其他砌
..
在媒体查询中使用的宽度
对于台式机、平板电脑、笔记本电脑/Ipad、Iphone 和智能手机等所有设备来说，最重要的媒体查询宽度是多少?这些设备有标准宽度吗? 解决方案 我到处寻找最佳答案.这是我发现的. @media (min-width:320px) {/* 智能手机、iPhone、纵向 480x320 手机 */}@media (min-width:481px) {/* 纵向电子阅读器(Nook/Kind
..
为什么我的响应式 html/css 不适用于手机?
我创建了一个测试站点.我在 css 中使用了媒体查询，但是当我在移动设备上加载页面时，我看不到移动版本，并且当我重新调整浏览器大小时，站点是响应式的.我在多个地方都读过不要使用 *-device-width.那么，我错过了什么?分辨率是多少? 解决方案 这是我的错误.我使用 javascript 来覆盖元标记，它导致了正确响应的问题.修复了 javascript.
..
如果屏幕尺寸小于指定值，则将水平块转换为垂直块
的 CSS，除非这是解决此问题的唯一方法(类似于使用 @media only screen and (max-width: 420px)).
..
设计在不同的屏幕中破碎
我设计了一个网页，其中很少有 HTML 元素没有响应.这些元素是用 jQuery 动态生成的，我相信，应该有一种方法可以让它们看起来响应迅速.Media Queries 是一个选项，但如果可以使用 BootStrap(虽然我正在使用它，但在少数情况下无法完美设计)或自定义 CSS 强制他们做出响应.下面是在成功调用 Ajax 时创建 HTML 元素的场景: //动态复选框作为审查标志$('.cb
..
CSS - 如何制作响应式图像
我刚刚涉足响应式网页设计.我正在尝试更改我现有的网站，以便它可以在移动设备和台式机上运行.我一直在查看 Internet 上的一些示例，例如 http://2012.inspireconf.com/. 我的问题是 - 当涉及到图像时......让它们缩放到不同浏览器大小的正确方法是什么?我在我的 css 中尝试了以下测试: @media only screen and (max-widt
..
如何堆叠表格列以模拟日历议程视图?
我想在不使用 JS 或使用其他表格的情况下转置 HTML 表格. 我有一张表，我想在移动屏幕上将其折叠为单列(我需要 this 成为this). 现在我有两个表，我正在通过媒体查询切换哪一个显示(以及将行折叠到单元格，如解释在本文中)，但我想要一个更好的解决方案，因为每次编辑都需要更改两个表. 我可以在不使用 JavaScript 的情况下执行此操作吗? .styled-t
..
如何交换 2 个元素的边(一个是 float:left，另一个是 float:right)
我有一个网站，一面是图片，另一面是文字.这是它的外观: 如您在图片中看到的 - 左侧有一些文字，右侧有一些图片.然后你在左边有一个图像，在右边有一个文本，(旋转)等等. 这是我使用 jsfiddle 制作的一个简单示例:http://jsfiddle.net/fyawuuh1/1/ 在移动设备上显示页面时-(使用@media 查询)我想将图像组织到始终在顶部，并在图像下方显示文本
..
如何让 Outlook 显示背景图像?
我正在尝试让 Outlook 显示背景图像.我可以在 Outlook 2003-2015 电子邮件客户端中使用的另一条规则是什么?请参阅下面的标记.
..
自定义 Twitter Bootstrap 网格不起作用
我正在尝试制作一个 24 列的网格.我是这样计算的: 网站宽度:997px 列数:24 列宽:31px 装订线宽度:11px 流体列宽:3.1093279839519% 流体边沟宽度:1.1033099297894% 哪个应该有效，但是当我将它输入到自定义表单 (http://twitter.github.com/bootstrap/download.ht
..