Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
响应式设计:不同屏幕尺寸显示不同图像
我们的客户希望在小屏幕上与大屏幕上有不同的横幅图像 不仅仅是收缩 拉伸以适应 而且实际上替换了不同的图像 全尺寸图像相当复杂 几个人 两个徽标和一些装饰文本 因此对于较小的图像 他们想要裁剪掉一些人 删除徽标等 所以他们想要最大的 最复杂的
html
css
image
responsivedesign
垂直居中响应图像
我想知道是否有一种简单的方法可以垂直居中响应图像 请参考以下jsFiddle http jsfiddle net persianturtle yawTb 1 基本 HTML img class mobile title size src h
jQuery
css
twitterbootstrap
responsivedesign
使用推/拉更改 Bootstrap 中 col-*-12 列的顺序
我有两列相同大小的 col xs 12 当屏幕尺寸与移动设备的尺寸相对应时 我会更改它们的位置 我会把它们按相反的顺序排列 我读过推和拉引导指令有助于实现这一点 但是是否可以使用以下类更改相同大小的两列的位置 div col xs 12 c
css
twitterbootstrap
twitterbootstrap3
responsivedesign
GridLayout
斜边按钮
我正在尝试构建如下所示的按钮 我可以使用以下方法完成此操作 after and CSS 三角形 但我无法使用可变高度元素 有什么方法可以实现这一点并保持可变高度吗 Fiddle http jsfiddle net AaP47 2 在这种情况
css
responsivedesign
iOS Safari 滚动到顶部在某些页面上不起作用。为什么?
免责声明 该网站同时已更新 新版本的设计不再出现此问题 在我建立的一个新网站上 我注意到 Safari iOS 5 中有一个奇怪的怪癖 通常 您可以点击 Safari 顶部的黑条来滚动到任何网页的顶部 在我的新网站上 这适用于主页 但不适用
jQuery
ios
safari
webkit
responsivedesign
CSS 媒体查询 - 顺序很重要吗?
现在我经常使用 CSS 媒体查询 我想知道最好按什么顺序使用它们 Method 1 media only screen and min width 800px content sidebar media only screen and ma
css
responsivedesign
mediaqueries
我可以将
用于高度和宽度受限的图像吗?
我有一个幻灯片之类的东西 其中图像将尽可能大地扩展 但不会超过视口的宽度或高度 基本上object fit contain 我想让这些图像具有响应能力 因为对于手机和大型桌面来说 尽可能大 是有很大区别的 我不能使用 img 因为现在 它只
html
image
responsivedesign
srcset
确定浮动元素中的换行位置
假设我有六个 div 容器内的元素 div 这六个 div 中的每一个都是一个正方形并且具有 CSS 样式float left应用 默认情况下 当它们到达容器的边缘时 div 他们会包裹起来 现在 我的问题是 使用Javascript 是否
jQuery
resize
cssfloat
responsivedesign
需要带有背景图像的空 Div 来强制高度并且必须具有响应能力
我需要以下内容 空 div 没有内容 背景图片设置到div中 背景图像在调整大小时流畅 响应灵敏 我无法设置固定 div 上的尺寸 我尝试的所有方法都无法强制打开 div 以支持背景图像的大小 任何帮助是极大的赞赏 http www eve
html
responsivedesign
backgroundimage
是否可以选择跨度的堆叠顺序?
我正在使用 Twitter Bootstrap 启动一个项目 就像响应式 css 一样 当视口变小时 使跨度堆叠在一起 给出以下设计 http jsfiddle net kJp6J 1 是否可以选择在小屏幕上首先堆叠哪个块 就我而言 我希望
twitterbootstrap
responsivedesign
自定义 Bootstrap 4 的网格系统断点
我有一个应用程序 其中设计需要分别从台式机到平板电脑或 xl 到 lg 的 1280 个断点 然而 Bootstrap 本身在 1200 处有 xl 断点 我需要全局更改 xl 断点以进行引导 我必须从源文件重新编译 Bootstrap 4
css
twitterbootstrap
sass
responsivedesign
Bootstrap4
根据高度保持div长宽比
我需要维护width元素占其元素的百分比height 因此 随着高度的变化 宽度也会更新 相反 可以通过使用 padding top 的 值来实现 但 padding left 作为百分比将是对象宽度的百分比 而不是其高度 因此 使用这样的
css
responsivedesign
AspectRatio
在 Bootstrap 4 的较小屏幕上隐藏一列[重复]
这个问题在这里已经有答案了 这是 Bootstrap 4 总是让我感到困惑的一个领域 假设你有这样的布局 div class container fluid div class row div class col sm 3 col sm 3
html
css
responsivedesign
Bootstrap4
SVG 响应式文本
我在网页中有一个 SVG 它由图像 文本组成 img src infographic timeline svg alt Timeline 所有图像都是响应式的 但文本不是 所以文本变得非常非常小 SVG 片段 内容巨大
SVG
responsivedesign
responsiveness
根据浏览器窗口调整、缩放和居中图像 (CSS)
我如何获得图像 无论是纵向还是横向 水平和垂直居中 在调整浏览器窗口大小时保持居中 占据浏览器窗口的固定部分 响应式缩放 调整浏览器窗口大小时保留纵横比 这是一个仅使用基本 CSS 不需要 CSS3 即可满足上述所有要求的解决方案 http
html
css
image
responsivedesign
«
1 ...
8
9
10
11
12
13
14