7得票4回答
如何使flexbox具有响应式布局?

我有一个包含两个元素的div,我想要将它们水平堆叠。Div#C具有固定宽度,而div#B将填充其余空间。但是,div#B的内容可能是固定宽度(动态的)或100%宽度(div#B的)。 我想要的效果是,如果屏幕宽度足够小,以至于在div#B和div#C开始重叠之前或如果div#B的宽度足够小...

39得票3回答
Bootstrap 3 在移动视图上应用CSS

我正在使用Bootstrap 3,在移动视图中,我想应用一些CSS来修复移动视图中的一些错误。我已经查看了文档并在谷歌上搜索过,但好像找不到任何线索。 这是否可行?

15得票2回答
响应式设计-智能手机和平板电脑的标准断点/媒体查询

当你编写响应式设计时,智能手机和平板电脑的标准宽度是多少?我查看了不同网站,但似乎没有找到任何好的标准宽度模板。在编写响应式设计时,您通常如何处理断点/媒体查询? 如果有人有适用于平板电脑/智能手机等不同分辨率的良好模板,请分享!谢谢!

34得票2回答
在响应式布局中设置元素高度?

一般来说,在响应式设计中,使用什么标记和CSS可以创建具有百分比高度的元素?如何使用Twitter Bootstrap构建固定-流体两列布局?展示了如何创建两个100%高度的列,但是对于小于100%的高度会出现问题。 具体而言,我有一个侧边栏div,其中包含项目列表,可能很短(空)或很长(o...

8得票5回答
如何使React.js Material-UI表格具有响应式设计并保持等列间距?

我正在使用来自material-ui的MaterialTable,但我有两个问题。 1. 如何使我的列间距相等,因为在前两列之后,第三列有一个巨大且不必要的空间。 2. 这个特定的表格不是响应式的,如何使其响应式? <MaterialTable title="All...

76得票4回答
jQuery:如何在运行时检测窗口宽度?

我在我的页面上有一个可以滚动的元素(使用jScrollPane jQuery插件)。我想实现的是通过检测浏览器窗口的宽度来关闭滚动窗口的方法。我正在做响应式布局,当浏览器宽度低于某个特定值时,我希望这个滚动功能被关闭。我能够在刷新页面时使其工作,但是当我调整浏览器窗口大小时,宽度值不会即时更新...

11得票2回答
响应式设计:不同屏幕尺寸使用不同的图片

我们的客户想在小屏幕和大屏幕上显示不同的横幅图片。不仅仅是缩小/拉伸以适应屏幕大小,而是实际替换成另一张图片。完整尺寸的图片相当复杂,包括几个人、两个标志和一些装饰文本。因此,他们想从小图像中裁剪掉一些人物,去掉标志等等。因此,他们希望在桌面设备上使用最大、最复杂的图像,在中型设备上使用较小、...

7得票1回答
iPad Mini特定的CSS媒体查询?

我在研究关于iPad mini的CSS专用媒体查询时,找到了这个页面。页面上显示iPad Mini屏幕尺寸为7.9英寸,像素密度为162 ppi。如何在CSS媒体查询中应用这些属性?请帮忙。

8得票4回答
如何“欺骗”mediaquery?如何伪造窗口的宽度?

我正在开发响应式网站,众所周知手动缩小浏览器窗口有些困难(而且,Firefox在某个数值后不让我这么做)。因此,我决定编写一个 jQuery“插件”来通过-或+按钮缩小区域。 一旦我完成了这个: $(document).ready(function() { var doResizi...

37得票5回答
CSS是否可以根据div宽度调整字体大小?

我有一个宽度为70%的,以下是我的需求: 在这个中放置一些文字 使字体大小适应,以便这些文字充满整个 只使用CSS是否可以实现这个效果? 这是我的代码: .parent { width:70%; height:auto; min-height:100px...