responsive-design 相关问题

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

如果容器div较小,如何将子div扩展到100%的屏幕宽度?

整个页面的父元素是一个居中的div,限制为最大宽度为960px。页面上的所有其他元素都是该父div的子元素。简化的结构如下:

回答 5 投票 52

常见的CSS媒体查询中断点

我正在使用CSS媒体查询处理响应式网站。以下是设备的良好组织吗?手机,Ipad(风景与人像),台式机和笔记本电脑,大屏幕有哪些...

回答 13 投票 143

在堆叠div之前在div中断行

我想使用bootstrap设计一个响应式导航栏。问题是当我将窗口缩小时,折叠图标从我的“徽标”下方的右上方移动。这就是网站在...上的样子

回答 1 投票 0

HTML文本和Font Awesome图标之间的间距

我试图在段落中的文本之前插入字体真棒图标,但是当我将其复制为智能手机时,图标与文本混合在一起。如果我填写填充/边距或类似的东西,...

回答 2 投票 -1

溢出:在我的响应式菜单上滚动不起作用。该怎么办?

溢出:滚动;我的响应式菜单的属性不起作用。我无法理解哪个属性/属性会阻止它应用。以下是...的响应式CSS属性

回答 1 投票 0

难以保持儿童分区完全正方形

我在保持响应网格完全正方形方面遇到了一些困难。我尝试设置图像的尺寸作为控制div的尺寸更接近正方形的手段但是不起作用...

回答 1 投票 0

具有偏移量的多个div的Bootstrap布局

我想创建一个第一行的html页面,其中有一个侧栏菜单和div,用于显示KPI指标。我想将此KPI指标div固定。此KPI指标下方是表格的div。 ...

回答 1 投票 0

使用HTML表进行响应式设计,首先显示列

我目前在使HTML表格响应时遇到问题。我有一个html表,我有4列,每列有25%的宽度。在桌面上,表格看起来很棒。第一列有10行,在......

回答 1 投票 -2

如何更新响应式前端和数据库?

我正在寻找方法来更新我的玩具电子商务应用程序中的购物车,而无需重新加载页面,我正在关注此笔。例如,更新产品数量的代码......

回答 1 投票 0

如何修复css在小屏幕上有两列?

我的网站有两个部分,左边的菜单和右边的内容。在小屏幕上,我需要菜单位于顶部,内容位于中间。经过一些问题,我......

回答 2 投票 0

内容在移动设备上向左摆动可能导致此问题

www.yourtechpros.co.uk/test/如果您看到计算机上的内容很好,但在移动设备上有一个差距,没有内容只有一个空格?我检查了代码......

回答 1 投票 -1

在最小化屏幕时,表格应缩小

我有一张桌子 ... On shrinking the browser, I want to fit the ...

回答 2 投票 2

如何在一页上使用vh和vw CSS没有滚动响应式网页?

我有一个网页,其中我试图不滚动但填写用户的任何视图左侧和末端的广告和填充页面的大部分的谷歌地图。目前,我的CSS ...

回答 2 投票 3

如何使用angular / pwa在移动设备上使用模态

我正在使用Angular Material 2开发我的第一个PWA。现在,我想知道如何在移动设备上处理模态,因为我宁愿将模态显示为移动设备上的整页。谁能帮我 ...

回答 1 投票 0

如何“优化”div对屏幕尺寸的宽度适应?

我基本上希望我的网页几乎可以在任何移动设备上交付,包括非常小的屏幕尺寸。这已经有效,我在CSS中使用媒体查询来实现不同的样式...

回答 1 投票 1

CSS格式问题,div互相移动,div不居中

基本上我有这个标题说测试。在大屏幕上,它不居中,并向右移动。我希望它集中在一起,但我不能让它居中。在较小的屏幕上,它是...

回答 3 投票 2

在移动视图中将桌面中的多个列转换为2列

我想在桌面视图中将3列转换为移动视图中的2列。我尝试使用不同的列宽,但我可以得到1列。如何在移动视图中获得2列?

回答 1 投票 0

连续的Bootstrap列与thymeleaf图像标记重叠

我有一个div包含一行2列。左列包含图像,右侧包含一些文本。我已经尝试了100种不同的组合,但无法弄清楚如何避免重叠......

回答 2 投票 0

当文本变短时,不会应用带文本和图像的左右浮动

我想用左边的图像制作文字,然后用图像右边的文字。在小屏幕上,图像应显示在文本的顶部。一切正常,直到文字越来越短。 ...

回答 2 投票 1

单击时更改li背景颜色

我想在点击li锚点时更改背景颜色:

回答 4 投票 3

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