@media css响应式设计

文章/答案/技术大牛

发布

0回答

css、media-queries、responsive

我在css文件中为不同的断点编写了以下媒体查询。@media all and (max-width: 350px) {}@media因为当我在浏览器上测试它时，在媒体查询中指定的一些css字体似乎无法在浏览器中拾取。我是不是想用下面的方式来写，下面的方式可以吗?或者有没有其他更好的方式来写媒体查询？@media all and (max-width: 350px)

浏览 5提问于2018-07-14得票数 2

3回答

使用CSS而不是HTML中的更改进行响应式设计

html、css、web、responsive-design

考虑到我们对产品的特定实现和定制，为给定站点应用/加载特定的CSS是可行的，但更改HTML/组件就更难了，因为它们在许多站点上被重用。我们的团队希望只在一个网站上实现响应式设计，而不是所有网站，所以，在不考虑实现细节的情况下，作为一个可行性问题，是否有可能只使用CSS来完全实现响应式web设计，而不使用移动优先或响应框架，这将需要修改HTML来适应他们的响应类？我不是网页设计方面

浏览 0提问于2015-02-24得票数 1

1回答

网页部分仅对移动设备可见

javascript、css、html

我已经为我制作的某个web应用程序创建了一个网页。我只想为智能手机用户添加一个特定的选项，不希望它对非智能手机用户可见。有没有什么方法可以定义一个仅对智能手机用户可见的分区( div )？

浏览 0提问于2013-04-03得票数 0

1回答

如何计算出响应CSS的正确的最小宽度和最大宽度的值？

css、responsive-design、media-queries、breakpoints

我现在正在研究响应式CSS和设计，我想知道我应该如何计算出各种设备的宽度。我不想花一整天的时间测试每一台可能的移动设备，我只想让响应式的布局足够好地工作。我看到一些网站使用@media only screen and (max-device-width: xx)，但它似乎将其限制在非常具体的分辨率，而不是实际的浏览器窗口大小。任何建议都是很棒的。我对网页开发或CSS并不陌生，但对响应式设计却完全陌

浏览 2提问于2013-05-31得票数 4

回答已采纳

1回答

CSS3媒体查询不起作用吗？

css、media

所以我试着把我的目标放在响应式设计上，看到了这个“简单”的媒体查询，它应该针对所有的iPhones。我试过了，在Firefox和Chrome上进行了测试，但都没有成功。我在firefox中使用了新的“响应式设计”工具，这个工具不起作用，所以我试着调整浏览器窗口的大小，但也不起作用。我也尝试过在chrome中调整浏览器窗口的大小，但也没有成功！html> <head> <meta name="viewpor

浏览 0提问于2013-06-25得票数 1

回答已采纳

2回答

浏览器无法识别最大设备宽度

css、media-queries

我正在为我的网站实施响应式网页设计。为此，我使用@media查询在不同的设备上显示不同的视图。出于测试目的，我使用火狐的web开发工具条和google chrome的响应式站点视图插件。但是，如果我使用的是：{}如果我使用 @media o

浏览 0提问于2013-03-05得票数 3

回答已采纳

1回答

Twitter Bootstrap:如何像打印屏幕一样打印缩略图？

twitter-bootstrap、twitter-bootstrap-rails

如果你使用的是twitter-bootstrap-rails，你可以通过编辑bootstrap_and_overrides.less来删除responsive.css。您还可以通过在css文件中指定背景色来更改背景色。

浏览 0提问于2012-10-18得票数 3

回答已采纳

2回答

在WebView中使用CSS设置网页样式

android、css

我正在寻找一个教程，将指导我使用CSS样式HTML页面，使它们可以在android手机上查看。CSS应该是这样的，它应该在尺寸和显示功能方面包含所有类型的设备。

浏览 1提问于2012-07-02得票数 1

回答已采纳

4回答

使用CSS的流畅布局

javascript、css

例如：谢谢!

浏览 0提问于2011-01-28得票数 6

回答已采纳

3回答

CSS3中的自适应布局

html、css、adjustable

是否可以只使用CSS，或者我还必须使用一些javascript？任何帮助或建议都将受到高度重视。谢谢

浏览 7提问于2012-09-19得票数 0

回答已采纳

4回答

检测浏览器大小并对每个分辨率应用css

javascript、jquery、html、css

我有这个函数，当浏览器调整大小或菜单以不同的分辨率呈现时，我使用这个函数将一些css应用于菜单。我的问题是，为什么浏览器不能正确解释我的函数？containerHeader').find('.roundMenuLi').each(function(index, item){ $(item).css(&#x

浏览 1提问于2013-03-27得票数 0

回答已采纳

1回答

响应式选择下拉框

html、css

<option value="Houston">Houston</option></select> CSS

浏览 0提问于2015-05-08得票数 2

1回答

iPad纵向的响应网页设计和媒体查询在调整窗口大小时不显示任何更改

html、css、responsive-design、media-queries

我希望添加一些响应式的网页设计到我的网站为iPad肖像。我有了我的主css文件(style.css)，然后我添加了下面这行：/* iPads (portrait) ----------- */ @media only

浏览 0提问于2012-11-29得票数 0

1回答

JQuery:比较两个多行字符串，其中一个是从HTML中提取的-不起作用吗？

javascript、jquery、html、css、comparison

我有一个令人抓狂的简单任务(请耐心等待，我是个新手)：我有一个包含表的div，表包含一行和两个单元格，它们并排在一起。一个单元格包含标题文本，下一个单元格包含正文文本段落。它在大屏幕上看起来很棒，但在小屏幕上就不好了。因此，当视口宽度低于890px时，我希望通过将单元格分解为两个不同的行来将这两个单元格堆叠在一起。因此，我对这个问题的解决方案是编写一些JQuery，它将获取使用html()方法获取的表的当前内容，将它们与表的“初始状态”内容(在较大的视口宽度上)进行比较，

浏览 0提问于2015-09-12得票数 0

1回答

如何使用javascript检测网页在移动设备上是否有响应

javascript、mobile、responsive-design

我需要使用javascript来检测页面是否有响应。在galaxy note 3上，以下是非响应性页面和响应性页面的值：window.innerWidth:980 screen.widthresponsive: clientWidth:640 那么，如果clientWidth == screen.width是响应性的，那么它是响应性的，否则它就是非<

浏览 3提问于2013-12-21得票数 2

3回答

在Yahoo中使用属性选择器的电子邮件中的响应式设计

css、email、responsive-design、css-selectors、yahoo

我正在尝试创建一个响应式电子邮件模板，以发送给我公司的用户。我们的列表包含来自各种ISP的用户，如Gmail/Yahoo等。我们有响应式设计在大多数情况下工作，但我们与雅虎有问题。问题是，在Yahoo中，它忽略了媒体查询css包装器，并在桌面版本上使用响应式css。在下面的示例中，@media only screen and (max-width: 580px)被忽略，我们的电子邮件在桌面上以320px的宽

浏览 4提问于2013-10-25得票数 1

1回答

根据浏览器窗口宽度更改参数？

javascript、jquery、jquery-masonry

对于，当屏幕或浏览器窗口的宽度减小到小于320时，我使用以下代码将columnWidth更改为1035px。当屏幕宽度大于1035px时，假设columnWidth为240。在全屏上，它看起来是这样的：当浏览器的宽度缩小到小于1035px时，它看起来如下所示：基本上，对于第一个图像，我希望列数为3，这样博客就可以填充空白空间。为了将列数设置为3，我必须将columnWidth更改为240。if(jQuery().iso

浏览 2提问于2014-03-19得票数 0

1回答

用于多分辨率的CSS媒体查询

ipad、html、css、tablet、media-queries

我正在考虑使用CSS Media Query来支持多个平板电脑(Android/iPad)。下面是我的媒体查询；<link rel="stylesheet" media="

浏览 0提问于2011-11-11得票数 2

回答已采纳

1回答

媒体查询--响应式设计中的屏幕、印刷、语音

css、media-queries

我(像世界上其他人一样)使用媒体查询来帮助响应式设计。因此，我通常专注于编写@media screen查询。但我想知道--我需要带屏幕阅读器(甚至是打印机)吗？在使用媒体查询进行响应式设计时需要考虑哪些因素？也就是说，在响应式设计中，是否存在需要使用@media speech的情况？如果是这样，是如何实现的。响应式设计与语音阅读器无关，那么我什

浏览 24提问于2019-11-08得票数 1

回答已采纳

3回答