Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
如何正确使用CSS媒体查询进行响应式设计
我有媒体查询方面的问题 我想要我的主线div宽度为 960 像素 但如果屏幕小于 960 像素 我希望它是任何当前宽度的 80 我只从 960px 中得到 80 而不是从更小的所有东西中得到 80 例如 800px 的 80 700px 的
html
css
responsivedesign
为什么我的响应式 html/css 无法在手机上运行?
我创建了一个测试地点 https test chozan co 我在 css 中使用了媒体查询 但是当我在移动设备上加载页面时 我看不到移动版本 并且当我重新调整浏览器大小时 网站会响应 我在多个地方读过不要使用 device width
html
css
responsivedesign
responsive
如果屏幕尺寸小于指定值,则将水平块转换为垂直块
在下面的代码中 我希望水平三列块放置并堆叠在彼此之上 以防容器的大小小于 X 像素 对于较小或移动设备 我应该如何以及在表的哪个元素上应用此属性 请注意 代码是一个内容块 因此我不想将 CSS 应用于整个电子邮件模板或电子邮件除非这是解决这
html
css
email
responsivedesign
htmlemail
Material UI 网格列表行有一个很大的尴尬间隙
我正在使用 Material UI 和 Reactjs 我对网格列表组件有疑问 我尝试使用网格 1000x1000px 因此我将自定义 gridList 样式中的高度和宽度分别指定为 1000 和 1000 如文档中所示 应有 10 列 每
css
ReactJS
userinterface
responsivedesign
materialui
jQuery - 根据屏幕尺寸执行脚本
如果屏幕 设备尺寸超过 xxx 像素宽 是否可以仅运行某些 jQuery 脚本 例如 我只想在人们在大于 1024 像素的设备上查看网站时运行幻灯片 如果有人通过手机访问 我只想将所有图像堆叠在一起显示 您可以使用 window width
jQuery
responsivedesign
em 中的媒体查询不受基本字体大小的影响
我试图理解为什么设置不同的基本字体大小不会影响媒体查询的 EM 值 它们的默认基本字体大小为 16px 而其余内容反应正常 自己尝试一下 PX 中的媒体查询 https jsfiddle net sebtp n8x0tuvq 5 https
html
css
responsivedesign
mediaqueries
fontsize
CSS 媒体查询不适用
我在我的主 CSS 样式表中使用此媒体查询 但它似乎不起作用 media only screen and max device width 768px small display block big display none importa
html
css
responsivedesign
Grunt/Bundler 不会使用指定的 sass 版本
我们有一个带有 Grunt 和 Bundler 设置的项目 所有这些都安装没有问题 生成了 Gemfile lock 下拉了正确的 gem 并使用 npm 创建了 grunt 文件 我们开始监视该项目 它在 sass 编译上崩溃 因为它使用
ruby
responsivedesign
sass
bundler
compasssass
Firefox 中调整大小时背景图像下的线条闪烁
我正在构建一个网站 其标题中有一个全宽背景图像 可随页面调整大小 在 Firefox 中调整图像大小时 图像下方会出现一条不寻常的闪烁水平线 该线不会完全显示 但会在尺寸更改时闪烁 该线出现在背景图像的底部 而不是标题元素的底部 仅当我在
css
firefox
responsivedesign
backgroundimage
在移动视口隐藏或删除 div 类?
首先 我非常了解 CSS 媒体查询 我的问题是这样的 当你将 div 类堆叠在一个 div 中时 例子 div class class1 class2 div 并且您想删除 class2 media 最大宽度 768px 创建以下输出 di
javascript
jQuery
html
css
responsivedesign
视口单位 vw/vh/vmin/vmax 不支持缩放吗?
As per 如何正确使用 css values viewport relative lengths https stackoverflow com questions 30175730 how to properly use css va
css
responsivedesign
fontsize
viewportunits
如何在保持纵横比的同时将 div 包含在视口内
存在一个正方形 div 其宽度为任意百分比 并且高度相同 需要随窗口缩放 它必须保持在视口的范围内 即 不剪裁到外部 并保持其正方形形状 本质上是复制background size contain CSS 的特性 我需要支持iOS Safa
css
responsivedesign
AspectRatio
如何使用 Java 调整 Selenium WebDriver 中当前浏览器窗口的大小?
在执行 Selenium 自动化测试期间 我需要将浏览器大小调整为 300x400 如何使用 Java 调整 Selenium WebDriver 又名 Selenium 2 中的浏览器窗口大小 注 测试响应式网页设计 RWD 需要调整浏览
Java
responsivedesign
seleniumwebdriver
windowresize
Bootstrap 3 响应式表格,第一列固定
我专门针对移动设备 因此我有一个 Bootstrap 响应表 它只是一个带有引导类 table responsive 的 div 和一个嵌套在类 table table striped table bordered table hover
css
twitterbootstrap
htmltable
responsivedesign
iPhone 5 横向媒体查询不起作用
我想以不同的方式显示纵向和横向 iPhone 的页面 在 iPhone 4 4S 设备上一切正常 纵向和横向 但在 iPhone 5 5s 上只有纵向模式工作正常 横向显示正常的 PC 网站 你知道出了什么问题吗 我的查询看起来像这样 肖像
iphone
css
responsivedesign
mediaqueries
选项卡面板可在移动视图中滑动吗?
我有一个选项卡式菜单 我想要选项卡式菜单 ul class tabs 可在移动视图中滑动 EDIT 我找到了一个关于使用的片段Slick JS 我从来不知道这个JS 但我希望它应用这个codepen https codepen io gbh
javascript
jQuery
responsivedesign
swipe
slickjs
响应式网站图像问题
如果你看一下该网站 http cornerstonecastings com http cornerstonecastings com 这是我的第一个响应式网站 它是用 Wordpress 构建的 我遇到的问题是网站上图像的响应能力 如果您
image
Googlechrome
webapplications
safari
responsivedesign
两栏布局,固定右栏
我被一个看似简单的两列 CSS 布局所困扰 通常 这种布局很简单 但我正在构建一个响应式网站 需要各列以移动设备的正确顺序折叠 彼此重叠 在桌面上 我需要右列的大小固定 例如 200px 其余区域由左列占据 当然 我需要这些列来清除并将内容
css
html
responsivedesign
具有动态高度的 div 的 CSS 线性渐变
我需要创建一个像这样的线性渐变梯度要求 https i stack imgur com yzaXn png 我试图用这样的CSS来实现它 background linear gradient 60deg rgba 255 183 107 1
css
responsivedesign
frontend
gradient
lineargradients
如何通过 LESS 更有效地使用媒体查询?
我正在使用 Bootstrap 和 LESS 进行响应式网页设计 我过去喜欢 LESS 的原因之一是它可以将 HTML 元素的所有属性保留在一起 我下面有一些定义的规则 sponsors块 然后是当视口 gt 768px 时应用于该块内的元
css
twitterbootstrap
responsivedesign
Less
mediaqueries
«
1
2
3
4
5
6
7
8
...14
»