腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
缩
小时
布局
、
媒体
查询
和
网格
的
响应
式
布局
问题
html
、
css
、
gridview
、
responsive-design
、
media-queries
当我
使用
媒体
查询
将页面缩小到平板电脑或手机大
小时
,我会尝试使页面内容中
的
列从2到1。 当网站缩水时,侧边应该落在内容下面,所以所有东西都会落在每个对象下面。目前,
媒体
查询
没有发生任何事情,当我试图缩小网站时,一切都在相互影响。 我曾尝试
使用
W3Schools从获取更多信息,但似乎不起作用。 </p> </footer>
浏览 13
提问于2019-10-11
得票数 0
2
回答
将Angular Material2与Bootstrap4 css结合
使用
进行
网格
布局
angular
、
bootstrap-4
、
angular-material2
(alpha.7)还没有像那样
的
响应
式
网格
组件。bootstrap中
的
布局
/
网格
系统允许创建
响应
式
布局
(不需要编写涉及自定义
媒体
查询
的
css
和
计算断点
的
像素值),这是非常有用
的
。我注意到在material2项目中包含bootstrap css时,material2组件
的
页边距
浏览 25
提问于2016-08-20
得票数 6
1
回答
响应
性效应
javascript
、
mobile
、
responsive-design
、
viewport
这更像是一个方向性
的
问题
。 有没有办法在一个非
响应
式
网站中运行
响应
式
元素,比如
响应
式
菜单--也就是说,在一个网站中不能有viewport标签。或者,有没有一种推荐
的
方法来达到同样
的
效果,即菜单本身将根据移动屏幕大小进行适当
的
比例调整。
浏览 0
提问于2013-07-05
得票数 0
2
回答
流体
网格
和
媒体
查询
的
区别
html
、
css
、
responsive-design
、
media-queries
、
fluid-layout
我对
响应
性网页设计非常陌生,所以请原谅我这个愚蠢
的
问题
。我必须建立一个现有的桌面网站,以
响应
设计。在谷歌搜索之后,我发现了两种方法--流体
网格
和
媒体
查询
。然而,我搞不懂我应该遵循哪种方法,或者我需要
使用
这两种方法来开发
响应
性站点。据我所知,流体
网格
用于根据不同
的
视图显示网页,而
媒体
查询
用于根据不同大小
的
浏览器(使浏览器更小或从移
浏览 4
提问于2014-04-13
得票数 2
回答已采纳
2
回答
媒体
查询
与
使用
"%“有什么不同?
css
、
layout
、
responsive-design
我知道
媒体
查询
用于创建
响应
式
布局
。 然而,它们似乎是多余
的
;难道我们不能
使用
%来实现我们所需要
的
一切吗
浏览 1
提问于2013-03-14
得票数 0
回答已采纳
1
回答
jquery mobile中
的
响应
式
网格
html
、
jquery-mobile
、
responsive-design
我正在尝试
使用
Jquery Mobile创建一个
响应
式
页面。我正在
使用
ui-grid创建一个3列
的
布局
(在宽屏幕上),并
使用
媒体
查询
,我在移动设备上将其显示为3行1列
网格
。但我想要实现
的
是:在移动设备上,而不是3行
布局
,应该只显示第一个
网格
,在滑动时,第二个
网格
应该显示,以此类推(类似滑块) 有没有人能给我提供一些样例
和
代码片段
浏览 1
提问于2013-07-28
得票数 1
1
回答
如何编写3840x2160
的
媒体
查询
css
、
responsive
我想开发一个
使用
媒体
查询
的
响应
性网页。我还为手机、桌子
和
台式机编写了
媒体
查询
。如何为设备
的
最大宽度:3840 to编写css代码请帮助我继续前进,因为我是新
的
媒体
查询
。同时
浏览 3
提问于2017-10-18
得票数 0
1
回答
将2个chart.js包含在一个div中
css
、
html
、
chart.js
、
chart.js2
class="chart-container-double"> </div> 另外,我是html/css/js
的
新手
浏览 16
提问于2017-12-26
得票数 0
2
回答
使用
Java测试HTML页面的
响应
性
java
、
html
、
responsive-design
我正在开发一个应用程序来测试HTML页面是否有
响应
。现在,我假设
使用
媒体
查询
是使HTML页面
响应
的
唯一方法。但我正在
使用
一个非常粗糙
的
逻辑来测试它。我正在解析HTML文件并读取它,以确定是否存在
媒体
查询
语句。如果它存在,我就声明它是
响应
性
的
,否则就是非
响应
性
的
。有没有别的办法可以让我这样做呢?在声明它为
响应
性或非
响应</
浏览 0
提问于2016-11-01
得票数 0
3
回答
采用2列
布局
中
的
2列,但当CSS
网格
中
的
1列
布局
没有@media时,则不
使用
css
、
css-grid
宽屏幕所需
的
布局
:窄屏幕所需
的
布局
:初步CSS: display: grid; grid-gap: 24px 40px;如果我为第三个元素设置grid-column-start: span 2,
布局
就会简单地中断(“发生在
问题
中请不要
使用
媒体
查询
,因为它
浏览 4
提问于2020-09-28
得票数 2
回答已采纳
8
回答
响应
式
设计与适应性设计
responsive-design
、
adaptive-design
你能用简单
的
方式解释一下RWD (
响应
式
Web设计)
和
AWD (自适应Web设计)之间
的
区别吗?
浏览 2
提问于2013-02-12
得票数 25
回答已采纳
1
回答
Chrome开发人员工具在切换到设备视图时不加载@media
查询
css
、
google-chrome
、
responsive-design
我
的
CSS中有这个@media
查询
:当我手动调整页面大
小时
,当达到767px
的
断点时,它会切换到
响应
式
布局
。但是,当我从Chrome
的
下拉列表中选择任何设备
布局
时 即使设备
的
宽度小于767px断点,也会加载默认页
浏览 31
提问于2017-08-28
得票数 3
回答已采纳
2
回答
如何根据屏幕大小调整网页大小?
css
这是我
的
网页
的
CSS代码,我想根据屏幕尺寸
和
分辨率调整这个页面的大小。不同
的
div类用于设置div容器
的
样式。column1在左边是固定
的
div,而column2是可滚动
的
div,它包含需要根据屏幕大小调整大小
的
更多div。
浏览 1
提问于2021-01-08
得票数 0
3
回答
响应
式
设计验证码/再验证码
ruby-on-rails
、
captcha
、
responsive-design
、
recaptcha
、
zurb-foundation
我已经
使用
了Zurb Foundation
网格
来创建站点
布局
。我遇到
的
问题
是,当
网格
调整大
小时
,recaptcha不会做同样
的
事情,并开始超出它
的
界限。除了编辑javascript之外,似乎没有办法重新设计
布局
。有没有人知道用于captcha
和
rails
的
响应
式
设计解决方案?
浏览 0
提问于2012-07-28
得票数 0
回答已采纳
3
回答
如果用户在手机或平板电脑上观看,有没有办法让他们选择查看桌面版本?
twitter-bootstrap
、
responsive-design
我知道TB应该根据设备提供优化
的
内容版本,但我确实喜欢让用户控制他们如何查看网站
的
想法(即,如果他们想要的话,让他们选择查看桌面版本)。
浏览 0
提问于2012-11-16
得票数 2
2
回答
CSS
网格
-从1行,3行过渡到3行,1行
css
、
css-grid
、
grid-layout
我正在探索CSS,看看它是否能够完全取代对我
的
特定用例
的
响应
性CSS
媒体
查询
的
需求。, 1fr)); margin: 0 auto;} 当我将视口宽度缩小到三列在250 of以下时,我希望
网格
布局
能够快速调整为三行一列
浏览 3
提问于2019-09-23
得票数 3
回答已采纳
1
回答
我需要
媒体
查询
的
行为来更改各个div中
的
布局
css
、
media-queries
通过
使用
CSS3
媒体
查询
,“我
的
网站”
的
网格
布局
将相对于“浏览器”视口
的
宽度进行更改。 但现在我正在寻找一种方法来改变我
网格
中特定块
的
布局
。因此,它们
的
行为与其父元素
的
宽度不同。例如,如果父元素
的
宽度为+500px,我可以显示带有缩略图
的
标题,如果父元素
的
宽度小于500px,则仅以较大
的
字体大
浏览 0
提问于2011-12-01
得票数 2
2
回答
所有分辨率
的
CSS元素定位
html
、
css
、
position
、
margin
我希望建立一个网站,并
使用
CSS定位现在。但对于每个分辨率,由于边距属性
的
原因,它会将放置在与边框不同
的
位置。但是,我如何放置它是等间距
的
所有屏幕分辨率?<div id="tabSeven"></div></html> 我可以理解
浏览 2
提问于2015-09-07
得票数 1
1
回答
将基于960
网格
的
站点转换为
响应
web
、
responsive-design
、
media-queries
我设计
的
网站(www.aim.ca)正在
使用
nathan
的
960
网格
。我想把网站转换为
响应
系统,所以我研究了996
网格
(
响应
)系统。在实现css脚本
和
javascript
的
过程中,我遇到了一些挫折.这实际上是我第一次
使用
响应
网格
系统。 我
的
问题
是:-我是否也应该修改我
的
独立样式表
的
div类
和
i
浏览 6
提问于2013-08-12
得票数 1
2
回答
在移动优先
响应
式
设计中挣扎
html
、
css
、
responsive-design
、
user-experience
这在讨论
的
内容中是有意义
的
,我喜欢这个想法。另一个
问题
是
响应
性这个术语。我非常理解这意味着什么,但在移动优先
浏览 0
提问于2013-05-22
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
一行 CSS 代码实现响应式布局,使用 Grid 实现的响应式布局
简单实用的jQuery响应式网格瀑布流布局代码解析/附源码下载
一行 CSS 代码实现响应式布局–使用 Grid 实现的响应式布局
如何快速学习 CSS Grid 布局-相关资源和教程推荐
CSS变量让你轻松制作响应式网页
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券