responsive-design 相关问题

响应式网页设计(RWD)是一种Web设计和开发方法,旨在制作网站,以便根据屏幕大小,平台和方向在各种设备上提供最佳体验。

如何只将一个表列转换为响应式

我有一个包含3列的表格(用于显示专辑歌曲)。数字,曲目标题和艺术家。我想保持Number和Artist的列很小,并允许Title放置大部分空间......

回答 1 投票 0

Google翻译下拉窗口不会在较小的屏幕上重新调整大小

在我的网站上,我正在使用“谷歌翻译我的页面”小部件:https://translate.google.com/manager/website/小工具运行良好,但在较小的屏幕上有一个问题。 iframe窗口不是......

回答 2 投票 3

带有徽标或品牌名称文本的Bootstrap完整响应式导航栏

我想在Twitter Bootstrap 3.1.1中做一个具有指定高度的完整响应式导航栏,其中品牌可以包含图像(徽标)或文本。 HTML:

回答 6 投票 36

如何在设备屏幕中使用横向方向的iframe内容

我有一个网页,我已设置为在移动设备上设置横向,我在其中放置了iframe。我的问题是我无法让iframe适合移动设备屏幕...

回答 1 投票 1

实现不在移动设备上预期缩放

我正在将Materialise CSS框架用于RoR应用程序。使用Chrome / Firefox开发工具时,即使选择了移动设备,我也会按预期进行扩展(我在这里使用了iPhone SE,但......

回答 1 投票 0

在桌面上放大但不在移动设备上时,媒体查询可以正常工作

我有一些像这样的媒体查询 - @media(min-width:576px){。zigzag-lines {display:none; } .decor-single-quote {display:none; @media(min-width:768px){...

回答 2 投票 1

背景图像在移动设备上放大了太多

我的RWD页面有一些奇怪的问题。我有一个背景图像,有以下样式:#background-image {width:100%;身高:100%;不透明度:0.5;位置:绝对; z-index:-1; ...

回答 2 投票 0

在响应式布局中使用CSS垂直排序的多列

是否有一种工作方式使用CSS自动将排序列表拆分为多个列,其中内容保持垂直排序?我们正在使用Bootstrap,因此任何相关的帮助程序类都可以......

回答 1 投票 0

根据宽度和高度保持纵横比

可以在视口中调整和居中一个方形div,并始终根据宽度和高度保持其纵横比?要求:只有CSS的正方形大小必须适应...

回答 4 投票 13

如何获取包含背景图像以覆盖整个div? [重复]

好的,我的问题是如何让我的图像更具响应性?我是一名新编码员,所以我还在努力了解css。我已经尝试使用包含值,但它不包括整个div。一世 ...

回答 2 投票 0

响应式网站设计

我正在构建我的项目。我只是注意到我在表格,侧边栏等中使用像素值时犯了一个大错误。所以它会产生一个问题,就像其他人在......中有不同的分辨率一样

回答 4 投票 0

在较大屏幕尺寸下消失导航

我有一些导航html,我试图做出响应。我成功地让汉堡包菜单出现在小于1050像素的屏幕尺寸上,并且它可以打开和关闭菜单。 ......

回答 1 投票 2

用中心方形组件填充柔性容器

我尝试实现的内容如下图所示:外部矩形是一个div容器,可以具有任何大小和比例(它可以通过调整浏览器窗口大小调整大小),内部是一个组件(...

回答 4 投票 1

在CSS中将原点设置为背景图像

我正在编写一个全宽图像作为练习的网站,我偶然发现了一件有趣的事情:我希望它尽可能地响应,所以当然我的图像会随着设备调整大小......

回答 1 投票 1

如何自动将div的高度调整到背景图像?

我正在尝试创建此站点中第一部分的效果:https://www.bandainamcoent.com/games/dragon-ball-fighterz#在调整窗口大小时更改div的高度,以便...

回答 1 投票 0

Bootstrap 4旋转木马空间到右边

我有一个Bootstrap 4轮播空间到右边的问题,它与页面不一致。示例这里:http://jsbin.com/wakuyiqebu在移动设备上更加引人注目。

回答 1 投票 1

使用div覆盖全屏 - RWD溢出

我尝试制作信息块,点击按钮后将向上滑动,并覆盖整个可用屏幕。我遇到问题与较小的设备,文本溢出滑动div。我可以问你一些......

回答 1 投票 0

使用Bootstrap 3如何隐藏表格中的列?

在col-xs和col-sm中,我正试图为响应式设计隐藏列。我首先尝试使用hidden-xs / hidden-sm类,但这不起作用。我也尝试使用可见桌面作为......

回答 3 投票 28

响应式图像:调整大小或动态裁剪?

这个问题实际上与编码无关,而是为任务选择正确的方法。我不知道它是否违反了SO的规则但是你去了..我曾经为当地报纸建立了一个小型CMS ...

回答 2 投票 6

媒体查询宽度100%无效

这是我正在处理的代码的codepen的链接。我试图得到它,如果设备宽度小于540px,包装的宽度从33.33%到100%,但它...

回答 1 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.