responsive-design相关内容

页脚下方和调整大小窗口上方的空白区域

我的页脚上方和下方出现空白,出现空白请检查下方的 css .footer {背景图片:url("../images/footer_image.png");背景重复:不重复;背景尺寸:100% 自动;向左飘浮;高度:自动;宽度:100%;}.footer_bg {背景图片:url("../images/footer_bg.png");背景重复:不重复;背景尺寸:101% 自动;高度:232px;保 ..
发布时间:2022-01-04 18:39:03 前端开发

Firefox linux (centos) 响应式设计图片缩放

我有一个圆圈箭头.CSS: img{向左飘浮;宽度:15%;最大宽度:33px;高度:自动;} 在 windows xp(ie8、safari、opera、ff、chrome)中,我检查一切正常.图像越来越大 - 没有任何线条.但是在 linux 中,一些线条出现在图片的右侧和底部.我检查了几次图像 - 没有任何线条.怎么修? Linux:centos 6.4 64FF:25,26 ..
发布时间:2022-01-04 18:38:52 服务器开发

滑动视图中幻灯片的 CSS

我正在使用 java 脚本、html 和 css 在 Phone Gap 中工作.我已经使用 this 实现了一个滑动视图. 我的疑问是CSS应该如何.我实现的CSS如下. .swiper-threshold {宽度:100%;高度:350px;边距顶部:40px;文本对齐:左;行高:20px;字体大小:15px;文本对齐:对齐;文本对齐:字间;}.swiper-threshold .sw ..
发布时间:2022-01-04 18:38:37 前端开发

即使在窗口重新调整大小后也将绝对定位的 DIV 居中(用于响应式设计)

我想在屏幕中间保留一个绝对定位的 DIV #box 即使在窗口重新调整大小和所有主要设备(响应式设计)之后.响应式#box 是使用 css3 媒体查询完成的,而 left 是使用 jquery 计算的.但是我可以将我的盒子准确地定位在中心,在为小屏幕重新调整窗口大小时,左和右不相等.右边距. 在中心吗?' ..
发布时间:2022-01-04 18:38:06 前端开发

如何在css和html5中创建带有曲线的div?

我是 css 世界的新手,我正在尝试使用 bootstrap、css 和 html5 来制作这样的响应式设计. 但结果是这样. 如何在图像 1 中显示的 div 中创建相同的曲线?注意:第二张图片中的红色是为了更好的解释.无论如何我必须应用白色 解决方案 使用border-radius得到弯曲的边缘,背景可以使用linear-gradient jsfiddle:https ..
发布时间:2022-01-04 18:37:56 前端开发

响应式网格样式布局中的 Div,没有垂直间隙

我有一组 divs(卡片).每一个都有标题、描述和图片(长度/大小各不相同). 我想在屏幕上“很好地"显示这些. “很好"我的意思是我希望图像是缩略图 - 在标题和描述之后水平居中. 更重要的是,我希望卡片(包含 div)一个接一个地放置(水平然后垂直)并且没有任何大的垂直间隙. 示例: 我正在使用 Bootstrap 的响应式列类(col-lg、col-md、col ..

根据浏览器分辨率设置页面内容

这是我的默认浏览器大小.我的二维码在正确的位置. 当我重新调整浏览器大小时,我得到了这个.但是如果我减少更多,我的 QR 码 就会消失. 我想要验证码下的二维码.我已经搜索过了,得到了一些答案,但在我的情况下都不起作用.请帮助. 这是我的代码.提前致谢. ..
发布时间:2022-01-04 18:37:12 C#/.NET

srcset 和视口宽度

我有 2 张图片:一张桌面版,一张移动版.当视口宽度调整到 480 像素以下时,我希望桌面图像被移动图像替换,就像使用具有 background-image 属性的以下 CSS 一样: .logo { background-image: url(http://placehold.it/400x200&text=desktop);}媒体屏幕和(最大宽度:480px){.logo { 背景图 ..
发布时间:2022-01-04 18:36:55 前端开发

CSS - 设置 Div 宽度 100% 并调整大小保持纵横比

我有一个带有背景图像的 div,它将覆盖标题幻灯片的一部分.我希望 div 的宽度始终为窗口大小的 100%,即使用户重新调整大小也是如此.高度应根据背景图像的纵横比而变化.背景图片的尺寸为 1500x406. 示例代码如下: HTML CSS .clearfix {宽度:100%;位置:相对;显示:块;边距:0;填充:0;边框: ..
发布时间:2022-01-04 18:36:43 前端开发

由于缩放问题,响应式站点未正确显示水平线

我正在使用 css 向网站添加响应功能,这个网站已经有一段时间了,现在正在添加响应功能,以便它可以支持移动版本. 我面临一个问题,假设有多行由水平线分隔.在某些地方我使用 hr 而在某些地方我只是使用 div 来... 这里是 fiddle http://fiddle.jshell.net/G2rCT/3/的示例链接 当我查看桌面版本时,线条的高度正好显示为 1 个像素,而当我在 ..
发布时间:2022-01-04 18:36:27 前端开发

响应式 Adsense 广告随着屏幕方向的变化而调整大小(同时使用 Bootstrap 进行布局)

在我的网站上,我使用 Bootstrap 3.2 进行响应式设计,并尝试在其中嵌入 Adsense 响应式添加.我在方向更改方面遇到问题:我希望添加会在此类事件上调整大小,但它不会发生.Adsense 准备好这样的功能了吗?Adsense 博客上的一些旧帖子说: 新的广告代码仅在初始页面加载时响应.随后的对广告尺寸的更改(例如屏幕方向更改)不会导致显示新广告.我们知道这是一个重要的为你们中的 ..
发布时间:2022-01-04 18:36:21 其他开发

响应式/流体设计:使用线性插值进行布局

我尝试做类似的事情:CSS Poly Fluid Sizing using calc()、vw、断点和线性方程 对于 600 像素或更小的视口,包装器应为 100%. 对于 1800 像素的视口,包装器应跨越 70%. 所有剩余视口的内插值. 这是我目前想到的: #square1 {背景颜色:蓝色;边距:10px 0;宽度:100%;高度:50px;}#square2 {背 ..
发布时间:2022-01-04 18:36:14 前端开发

响应式设计css dom元素操作

我有一个包含输入元素和标签元素的 div 字段.两者都是 display: block 所以在正常视图中,输入字段将排在第一位.但是,我希望布局具有响应性,以便在移动设备中首先显示标签. 我知道这种 DOM 操作可以通过 javascript 轻松实现.但是有没有办法通过纯css实现反向DOM元素顺序 ..
发布时间:2022-01-04 18:35:52 前端开发