responsive-design相关内容
我的页脚上方和下方出现空白,出现空白请检查下方的 css .footer {背景图片:url("../images/footer_image.png");背景重复:不重复;背景尺寸:100% 自动;向左飘浮;高度:自动;宽度:100%;}.footer_bg {背景图片:url("../images/footer_bg.png");背景重复:不重复;背景尺寸:101% 自动;高度:232px;保
..
我有一个圆圈箭头.CSS: img{向左飘浮;宽度:15%;最大宽度:33px;高度:自动;} 在 windows xp(ie8、safari、opera、ff、chrome)中,我检查一切正常.图像越来越大 - 没有任何线条.但是在 linux 中,一些线条出现在图片的右侧和底部.我检查了几次图像 - 没有任何线条.怎么修? Linux:centos 6.4 64FF:25,26
..
一大堆文字
..
我正在使用 java 脚本、html 和 css 在 Phone Gap 中工作.我已经使用 this 实现了一个滑动视图. 我的疑问是CSS应该如何.我实现的CSS如下. .swiper-threshold {宽度:100%;高度:350px;边距顶部:40px;文本对齐:左;行高:20px;字体大小:15px;文本对齐:对齐;文本对齐:字间;}.swiper-threshold .sw
..
我有一个 CSS 表格,我想在单元格之间留出空间,但不要在第一张图片的左侧和最后一张图片的右侧. 这是我所拥有的截图: 这是我想要的截图: 当前的 HTML 是:
..
我想在屏幕中间保留一个绝对定位的 DIV #box 即使在窗口重新调整大小和所有主要设备(响应式设计)之后.响应式#box 是使用 css3 媒体查询完成的,而 left 是使用 jquery 计算的.但是我可以将我的盒子准确地定位在中心,在为小屏幕重新调整窗口大小时,左和右不相等.右边距.
在中心吗?'
..
我是 css 世界的新手,我正在尝试使用 bootstrap、css 和 html5 来制作这样的响应式设计. 但结果是这样. 如何在图像 1 中显示的 div 中创建相同的曲线?注意:第二张图片中的红色是为了更好的解释.无论如何我必须应用白色 解决方案 使用border-radius得到弯曲的边缘,背景可以使用linear-gradient jsfiddle:https
..
我在一个容器中有三个子 div,我想水平对齐这些 div.我尝试使用 css float 属性,但圆圈正在变成椭圆形. 标记代码:
按照自己的节奏学习
有条不紊的学习
..
我有一组 divs(卡片).每一个都有标题、描述和图片(长度/大小各不相同). 我想在屏幕上“很好地"显示这些. “很好"我的意思是我希望图像是缩略图 - 在标题和描述之后水平居中. 更重要的是,我希望卡片(包含 div)一个接一个地放置(水平然后垂直)并且没有任何大的垂直间隙. 示例: 我正在使用 Bootstrap 的响应式列类(col-lg、col-md、col
..
这是我的默认浏览器大小.我的二维码在正确的位置. 当我重新调整浏览器大小时,我得到了这个.但是如果我减少更多,我的 QR 码 就会消失. 我想要验证码下的二维码.我已经搜索过了,得到了一些答案,但在我的情况下都不起作用.请帮助. 这是我的代码.提前致谢.
..
我发现的几乎所有问题和答案都与视口大小有关;这真的不是我的问题. 拿这支笔... https://codepen.io/njt1982/pen/pZjZNM 我有一个非常基本的 Bootstrap 4 网格,如下所示:
A
..
我有 2 张图片:一张桌面版,一张移动版.当视口宽度调整到 480 像素以下时,我希望桌面图像被移动图像替换,就像使用具有 background-image 属性的以下 CSS 一样: .logo { background-image: url(http://placehold.it/400x200&text=desktop);}媒体屏幕和(最大宽度:480px){.logo { 背景图
..
我有一个带有背景图像的 div,它将覆盖标题幻灯片的一部分.我希望 div 的宽度始终为窗口大小的 100%,即使用户重新调整大小也是如此.高度应根据背景图像的纵横比而变化.背景图片的尺寸为 1500x406. 示例代码如下: HTML
CSS .clearfix {宽度:100%;位置:相对;显示:块;边距:0;填充:0;边框:
..
测试文本,但它不在实际的 div 内...
..
我正在使用 css 向网站添加响应功能,这个网站已经有一段时间了,现在正在添加响应功能,以便它可以支持移动版本. 我面临一个问题,假设有多行由水平线分隔.在某些地方我使用 hr 而在某些地方我只是使用 div 来... 这里是 fiddle http://fiddle.jshell.net/G2rCT/3/的示例链接 当我查看桌面版本时,线条的高度正好显示为 1 个像素,而当我在
..
在我的网站上,我使用 Bootstrap 3.2 进行响应式设计,并尝试在其中嵌入 Adsense 响应式添加.我在方向更改方面遇到问题:我希望添加会在此类事件上调整大小,但它不会发生.Adsense 准备好这样的功能了吗?Adsense 博客上的一些旧帖子说: 新的广告代码仅在初始页面加载时响应.随后的对广告尺寸的更改(例如屏幕方向更改)不会导致显示新广告.我们知道这是一个重要的为你们中的
..
我尝试做类似的事情:CSS Poly Fluid Sizing using calc()、vw、断点和线性方程 对于 600 像素或更小的视口,包装器应为 100%. 对于 1800 像素的视口,包装器应跨越 70%. 所有剩余视口的内插值. 这是我目前想到的: #square1 {背景颜色:蓝色;边距:10px 0;宽度:100%;高度:50px;}#square2 {背
..
我正在尝试使用 HTML5 画布元素(如下所示)绘制一组圆圈图片). 当我调整浏览器大小时,上图被裁剪.我希望它在我调整浏览器大小时能够响应. 请帮助我使其响应.谢谢. var canvas = document.getElementById("canvas");var ctx = canvas.getContext("2d");canvas.width = window.inn
..
在响应式设计中,如何让的宽度根据的宽度进行调整,但不超过它吗? Caption 相应的 CSS 只限制了 和不是 ,见: 如何将 与 一起约束,不 使用 max-width: 容器上的 200px(或 12.5em)? 以下是 CSS 的重要部分(完整介绍 JSFidd
..
我有一个包含输入元素和标签元素的 div 字段.两者都是 display: block 所以在正常视图中,输入字段将排在第一位.但是,我希望布局具有响应性,以便在移动设备中首先显示标签. 我知道这种 DOM 操作可以通过 javascript 轻松实现.但是有没有办法通过纯css实现反向DOM元素顺序
..