如何根据浏览器的大小使用JavaScript添加css样式

文章/答案/技术大牛

发布

2回答

javascript、css、responsive-design、ecmascript-5

我正在使用Bootstrap 3模板，并构建了一个小JavaScript应用程序。我想在我创建的其中一个阶段的元素中添加一定数量的边距，基于视口的大小。我有一些正在尝试使用的代码，但我一直收到消息未捕获TypeError: Cannot read property 'matches‘of undefined at MediaQueryList.myFunction我找不到原因，因为我作为参数传递给函数<em

浏览 25提问于2019-07-24得票数 0

4回答

-修改css属性还是在jquery中添加类？

javascript、jquery、performance、optimization、rendering

<div class="box" id="a1"></div>添加css属性或添加类

浏览 4提问于2012-02-12得票数 3

回答已采纳

1回答

如何调整windows上选定的jquery下拉列表的大小

jquery、html、css、asp.net、jquery-chosen

我有以下asp.net代码，它使用所选的jQuery来自定义dropdownlist<script type="text/javascript"> '.chosen-select': {},：

浏览 3提问于2014-10-17得票数 2

回答已采纳

1回答

根据浏览器大小调整图像比例的算法

javascript、html、css、image、algorithm

我需要一个算法/ CSS background的数学计算。当我们为我们的页面编写样式时，有时我们使用背景图像作为元素，背景样式和语法是这样的：background: url('img.jpg') center top;这个样式为浏览器提供了当浏览器大小改变时自动改变背景图像大小的功能，而且我们也只能看到带样式

浏览 0提问于2014-05-22得票数 0

1回答

如何在响应式UI中修复字体大小？

css、twitter-bootstrap、responsive-design、font-size

我已经使用bootstrap响应我的网站，我在我的css文件中添加了字体大小为body { font-size: 10px !important; }，但样式不适用于h1，h2，href标签和bootstrap .btn类我不想调用上面每个标签的class/id，如何根据浏览器宽度改变字体大小？

浏览 0提问于2014-04-17得票数 1

1回答

针对长内容的不同CSS规则

css

如果页面的内容是“长”的，是否可以根据信息准备不同的样式来改变页面布局。我想在内容较长时启用CSS3列，而在内容较短时禁用它们。@media only screen and (min-width: 1278px) { /* c

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

回答已采纳

2回答

如何使桌面浏览器忽略iPhone css3媒体查询

iphone、css、xml、media

;除了现在浏览器(ie8，Chrome5)开始使用“手持”xsl之外，一切看起来都很好。备注： Firefox (3.5)根本不支持用xml-stylesheet呈现xml内容。为什么我不把它包括在“浏览器”列表中呢？我尝试将"all“<

浏览 6提问于2010-07-01得票数 2

2回答

增加页面大小，隐藏的javascript滑块出现，然后不工作

responsive-design、resize、slider、jcarousel

我正在建立一个网站，我想要响应浏览器调整大小。该站点为768 of以下的页面提取一组CSS样式，为任何大于768 of的窗口提取另一组CSS样式。在我的功能视频下面有一个javascript滑块(jcarousel)。如果我打开一个大于768 If的窗口(使用Chrome)，那么javascript滑块可以正常工作。如果我缩小窗口的大小<

浏览 0提问于2014-09-21得票数 0

回答已采纳

3回答

在浏览器窗口调整大小时更改JS逻辑

javascript、css、responsive-design

随着使用CSS @media查询的流行，我们现在可以根据查看网页的分辨率设置网页样式。调整浏览器窗口的大小时，宽度相关的样式/布局将立即出现。在CSS中，这很简单，例如 // The heart of "responsive design."@media screen and (max-width: 1000px) { ... }

浏览 3提问于2012-08-06得票数 2

2回答

当CSS3媒体查询不可用时，如何编写“响应性javascript”？

javascript、css、web、responsive-design

我需要确保我的页面在不同的屏幕大小下看起来很好。最好的解决方案可能是CSS3媒体查询。然而，我的目标用户基础中有很大一部分仍在使用IE <= 8，我计划在加载页面时，根据窗口大小编写一些js来重新样式元素(字体大小等)。做这件事最好的方法是什么？我应该使用： JavaScriptforIE<8+其他浏览器的媒体查询

浏览 5提问于2014-04-11得票数 1

回答已采纳

3回答

以编程方式使用JS加载CSS

javascript、jquery、html、css

我正努力做到以下几点：这里的问题是最后一步。向DOM中添加一个新的CSS文件没有问题，但是如何知道浏览器什么时候完成了文件的加载？在文件实际加载之前

浏览 2提问于2011-03-17得票数 4

回答已采纳

3回答

跨浏览器的CSS内联区域

html、css、inline

我想添加一些CSS固定大小的块内联到文本段落，我有跨浏览器的问题。我使用div和inline-block，它可以在Firefox上工作。在IE下失败()。有没有简单的跨浏览器解决方案？(这是为了让固定大小的块使用背景图像来显示笑脸。这允许根据样式表显示精灵和笑脸。)

浏览 1提问于2009-12-11得票数 1

回答已采纳

2回答

在较小屏幕上调整DIV的CSS大小

html、css

我有一个CSS的问题，当我调整我的屏幕大小，它不会崩溃，知道为什么吗？这个假设位于屏幕的中心，我希望它保持在中心，但当屏幕分辨率改变时，调整大小。这是我的代码： <div style="position:relative; width:900px; margin:auto; text-align:center; font-size

浏览 3提问于2014-05-09得票数 1

回答已采纳

1回答

用有反应的图像防止跳跃？

javascript、html、css

我使用图片元素和srcset，因此根据设备屏幕大小下载相同的图像，但分辨率不同。如果不可能的话，我也对JavaScript的答案感兴趣。谢谢。

浏览 2提问于2017-04-17得票数 1

回答已采纳

5回答

在CSS中，锚点是唯一支持伪样式属性的元素吗？

css

我正在考虑在数据网格中使用这些样式来实现更简单的单元格翻转效果，但除了最基本的标签之外，我似乎不能让这些样式在任何其他地方工作。HTML锚标签是否是<a>中唯一支持诸如hover、active、visited等样式的元素？

浏览 1提问于2008-11-29得票数 1

回答已采纳

2回答

使用不同分辨率的其他图像

html、image、slider、resolution

我已经在整个屏幕宽度上做了一个滑块，但我想使用较小的图像作为小分辨率，使用较大的图像作为较大的分辨率。来自我的滑块的图像是用html编写的。这是可能的吗?我该怎么做呢？这是我的网站：

浏览 0提问于2012-08-03得票数 0

3回答

Jquery代码在不应该返回true时返回true

jquery、html、css、styles、stylesheet

我在jquery中有这段代码来根据浏览器添加不同的css样式，因为我不能在完全相同的地方得到东西。这是在用户使用chrome时将链接添加到样式表的代码。<script type= "text/javascript"> $.browser.chrome = /chrome/.test(navigator.userA

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

回答已采纳

1回答

为什么Nexus 4(Android使用Chrome )显示窗口大小为384x519，而屏幕快照显示为768x1038？

javascript、css、mobile、responsive-design

根据屏幕大小，我使用媒体查询来提供不同的比例。但是屏幕大小并没有向CSS显示正确的数字。在Nexus 4上，显示使用我的“480 in”CSS样式，在Javascript中显示：window.innerHeight == 519 /

浏览 2提问于2013-04-10得票数 2

回答已采纳

3回答

如何将样式仅应用于移动设备？

javascript、css、media-queries

我正在创建新的网站。我的意图是为桌面和移动设备创建一个页面，并根据设备(移动或桌面)设置样式。我知道我可以用纯javascript实现所有的功能，但我也想使用CSS和媒体查询。我的问题是:如何使用CSS媒体查询仅为移动设备设置样式？我试着使用： style...但它同时适用于移动浏览器和de

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

5回答

firefox的条件css语句

css、firefox、conditional

我在firefox中的css遇到了问题，因此我只想在浏览器为FF的情况下导入css文件.searchbutton{ top:3px;编辑：许多人认为我不应该对FF使用特殊的语句，因为与其他浏览器相比，FF很可能是正确的</e

浏览 2提问于2011-01-02得票数 8

回答已采纳

点击加载更多