移动浏览器上的CSS
是一种用于控制网页样式和布局的技术。CSS（层叠样式表）是一种标记语言，用于描述网页的外观和格式。在移动浏览器上，CSS可以用于调整网页的字体、颜色、边距、背景、布局等方面，以适应不同设备和屏幕尺寸。
移动浏览器上的CSS可以分为以下几个方面：
- 响应式布局：通过使用CSS媒体查询，可以根据设备的屏幕尺寸和方向来调整网页的布局。响应式布局可以使网页在不同设备上呈现出最佳的视觉效果，提供更好的用户体验。
- 移动优化：移动浏览器上的CSS可以用于优化网页在移动设备上的显示效果。例如，可以使用CSS的弹性盒子布局（Flexbox）来实现自适应的网页布局，使网页在不同屏幕尺寸上都能良好地显示。
- 动画效果：CSS提供了丰富的动画效果，可以通过CSS的过渡（transition）和动画（animation）属性来实现。在移动浏览器上，可以利用这些动画效果来增加网页的交互性和吸引力。
- 字体和图标：CSS可以用于设置网页中的字体样式和图标。通过使用CSS的@font-face规则，可以引入自定义字体，使网页在移动设备上显示出独特的字体风格。同时，可以使用CSS的伪元素和伪类来添加图标，如使用Font Awesome等图标库。
- 响应式图片：移动浏览器上的CSS可以用于调整图片的大小和显示方式，以适应不同屏幕尺寸和网络环境。可以使用CSS的max-width属性来设置图片的最大宽度，避免图片在小屏幕上显示过大。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动浏览器优化：https://cloud.tencent.com/product/mbo
- 腾讯云移动网站加速：https://cloud.tencent.com/product/mws
- 腾讯云移动应用分析：https://cloud.tencent.com/product/mac
- 腾讯云移动推送：https://cloud.tencent.com/product/tpns
相关·内容
2回答
因此，现在，在不同的浏览器上创建同样工作的js & css已经不再是几年前的问题了。
假设我有这个Vue应用程序-
有CSS重置
包括@babel/polyfil
不管它是否能在上工作
不使用任何特殊的CSS属性
编辑-
具有浏览器列表，以确保我没有使用任何我期望用户拥有的浏览器不支持的css/js。
编辑2-
我不关心移动，移动用户会被移动到一个指定的移动页面，从而禁用应用程序的任何进一步使用。
真的有必要在不同的浏览器上查看这个应用程序来检查它吗？
浏览 0提问于2022-12-04得票数 1
1回答
我大部分时间都在编写后端程序，并在两周前开始学习CSS，这几天我在笔记本电脑上工作，现在开始学习响应性设计，以及移动设备中的行为方式。我真的很难理解高像素密度设备的概念，尤其是大像素在移动设备中的显示。我读了很多书，结果比以前更困惑了。
我知道有两种类型的像素: a)设备像素--设备中的实际像素(例如我的笔记本电脑有1366x768)和b) CSS像素--我们在CSS中使用的像素(例如宽度:200 we )。还有一个设备像素比，它表示有多少设备像素等于多少CSS像素。在我的笔记本电脑上，这个比率是1，所以我在CSS映射到每个设备像素的每个像素.On我的笔记本电脑，如果我创建一个宽度为660/2
浏览 5提问于2020-12-04得票数 1
回答已采纳
我做了一个网站的移动重新设计，简单地通过CSS。
让以下媒体查询为桌面或移动设备提供适当的css
但是，当浏览器大小调整到855以下时，桌面仍然会显示移动css (尽管它似乎只显示一些移动css文件
如何确保桌面永远不会加载移动css？
谢谢
<link rel="stylesheet" type="text/css" href="css/layout.css" media="Screen and (min-device-width:855px),projection" />
<link rel="sty
浏览 0提问于2012-12-31得票数 0
回答已采纳
我在我的网站上使用了以下HTML：
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/mobile.css" media="handheld"/>
</head>
这样做的目的是在检测到适当的
浏览 0提问于2010-11-09得票数 3
回答已采纳
1回答
我的样式表有一个问题。一个是桌面版，另一个是移动版。当我在移动设备上时，我看到样式表已加载到网络选项卡中。
代码如下：
桌面：
<link rel="stylesheet" href="app__desktop.css" type="text/css" media="screen and (min-width: 1024px)">
移动性：
<link rel="stylesheet" href="app__mobile.css" type="text/css" m
浏览 0提问于2020-06-18得票数 0
11回答
css悬停在移动设备上工作吗？我有一个css hover类，它在普通的web浏览器上工作得很好，但在移动浏览器上就不行了。
浏览 1提问于2010-03-12得票数 72
回答已采纳
也许有人使用库来制作动画？我使用它，但它似乎在移动设备上不起作用。例如，在iphoen 5s safari上，它工作得很好，但在iPhone4s和at androids上-却不能工作……
也许有一些方法可以解决这个问题？我看了看源代码，发现似乎有，所有移动devices...but所需的css属性仍然不能让它工作。
浏览 2提问于2014-07-24得票数 0
2回答
好的，我在一个小网站上工作了一段时间，接到了移动友好版的电话，所以我拿了主html/ css，做了一些复制，这样我就可以工作了，不害怕搞砸任何东西，然后把原来的链接到新的移动css上。
现在我大概是这样做的，我现在只在主要的移动页面/索引上工作，我想出了.让我带你去看看。
这是相同的html，在当前的实际网站上，通过复制/粘贴，但移动css附加到它(快速测试)。它应该是这样的：没有什么特别之处。
现在，这个链接与上面的链接相同，与通过媒体查询购买的内容相同：
在第二个链接上，如果您调整浏览器的大小，使其接近400宽度，您将看到它像它应该的那样向下移动，但它会被扭曲。而且，当在iPhone上查看
浏览 4提问于2011-07-28得票数 0
问题是我有一个基于joomla框架的响应站点。它在所有浏览器上运行良好，所有定制组件都可以轻松加载，但我注意到在一些移动浏览器(如:华硕设备、Facebook应用程序集成的浏览器等)上加载链接到mijoshop组件的页面CSS存在问题。实际上，该组件工作良好，在某些移动浏览器中加载CSS，但在其他显示文本和空白页。
为了获得帮助和更好的理解，我附上了一个视频演示：
我怎么才能修好？谢谢！首先，多谢支持:)
浏览 3提问于2016-05-28得票数 0
1回答
我有一个移动版的页面。内容足够用户在移动设备上滚动。单击图标时，移动导航栏从左侧滑入，body获得overflow: hidden;，因此内容不再滚动。有没有办法使导航条100%的高度窗口(而不是文档)，以便用户可以滚动在导航条进一步？目前，幻灯片和高度的导航是由Javascript控制的，但我正在寻找一个CSS解决方案。有人能帮忙吗？
// CSS
#mobile_nav {
width: 300px;
position: fixed;
top: 0;
left: -300px;
z-index: 10000;
overflow: auto;
浏览 3提问于2016-03-18得票数 0
回答已采纳
1回答
我知道这是一个古老的问题，但在尝试了所有提出的方法后，似乎没有一种方法适合。
基本上，我创建了这个网页，它在移动设备上加载时看起来很好，但在屏幕旋转后大小保持不变，(这是不应该的！)
1：
我尝试的第一种方法是添加meta标签：
<meta name="viewport" content="target-densitydpi=device-dpi, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=1" />
但显然这是行不通的
2：
然后我尝试了window
浏览 4提问于2013-06-28得票数 0
1回答
我想知道如何在j2.5站点上显示移动用户模板和桌面用户模板？如果不使用子域，这有可能吗？
如果不是，那么检测移动用户并仅显示替代.css文件(相对于其他模板)的最有效方法是什么？
浏览 3提问于2012-04-25得票数 0
回答已采纳
1回答
我正在使用
<link href="stylesheets/mobile.css" rel="stylesheet" type="text/css" media="handheld" />
包含移动设备的备用样式表。但我的HTC上似乎根本没有加载样式表。为什么会这样呢？更重要的是，我如何确保我的移动样式表被加载到所有手持设备上？
你可以在这里观看现场直播网站：
提前感谢！
浏览 6提问于2011-06-17得票数 2
回答已采纳
3回答
我已经开发了一个使用WordPress的网站，它看起来很漂亮。但在一些移动浏览器上，它破坏了一些CSS。在Opera中，它不使用Margin:-30px;，而是在移动铬上工作。我不知道为什么会发生这个问题。你们能给我点建议吗？我浏览了一些像这样的大型网站，它们也有同样的问题。
所以我的问题是，对于不同的移动浏览器，我可以使用不同的CSS吗？或者我可以对不同的移动浏览器使用完全不同的布局吗？
浏览 4提问于2015-04-20得票数 2
回答已采纳
2回答
虽然我确实理解CSS重置的作用，但我的问题更多的是在实现跨浏览器、跨平台兼容的布局方面。例如，布局应该在ie、火狐等桌面浏览器上看起来类似，甚至在iPad上，在某种程度上也应该在iPhone上类似。
在移动浏览器上实现布局时，建议使用CSS Reset吗？
浏览 0提问于2011-08-22得票数 2
回答已采纳
有没有办法检测浏览器和服务器端对HTML5的支持，并提供不同的标记？
我正在制作一个移动网站，我想给智能手机用户和功能手机用户提供不同的用户体验。
但我不想在JavaScript中做任何事情，也不想在功能手机上使用JavaScript，因为他们对JavaScript没有很好的支持。
我在智能手机上使用了一些CSS3效果，这些效果在功能手机上会很好地降级。
主要的问题是HTML5，如果我使用任何HTML5标签，它将在所有支持HTML5的浏览器上工作，我将为HTML5标签编写CSS，但布局将被干扰在没有HTML5支持的浏览器的手机上。
如何在老的移动浏览器上像CSS一样很好地降级HTML5，因为它
浏览 0提问于2011-05-12得票数 1
在移动设备上，当我在联系人表单上单击submit时，按钮的背景颜色将变为与我在css中设置的颜色不同的颜色。我尝试过使用-appearance: none；并将bg颜色设置为!important。此时，我的按钮css如下所示：
button[type='submit']:active,button[type='submit']:focus,input[type='submit']:focus
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
backg
浏览 4提问于2014-03-26得票数 0
1回答
我有一个移动版本的我的网站，我想让它作为一个应用程序，有一个非常简单的框架吗？我只需将其包装在浏览器窗口中，在本地存储一些数据，并能够访问一些基本的电话功能，如通知。我看了一下phonegap，但它似乎使用了一些特定于移动的框架，我只想使用我现在使用的移动网站，它基本上是html5、css3和常规的jquery (不是移动的)。
我不确定这是最好的地方要求技术推荐，如果没有，请告诉我，我可以在stackexchange网络上张贴它，我会删除这个问题，并在那里张贴。
谢谢。
浏览 2提问于2015-11-29得票数 0
回答已采纳
2回答
我对html / css / asp.net还很陌生，所以请容忍我..
我有一段HTML代码，用来在表格上显示我的自定义样式：
<head>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 0px solid #dddddd;
te
浏览 23提问于2017-03-14得票数 0
回答已采纳
我只是为一个移动web应用(使用xhtml-basic/xhtml-basic11DTD)收集了一些css，并试图想出一种可靠的方法来过滤移动浏览器。我看过，但它似乎是根据字符串匹配列表进行过滤的。
这是我想要做的：
1-在css中，将对移动浏览器隐藏的页面部分设置为不显示
#hideMeFromMobiles{display:none;}
2-使用可靠的库调用脚本，该库在移动浏览器中几乎肯定会失败。脚本执行如下操作(伪代码)
if browser.window.width >= 480px then {
$(#hideMeFromMobiles).addStyle(displa
浏览 0提问于2009-12-07得票数 1
因此，我有一个#容器div的简单设置，其中包含一个#字段div。我也有一个看不见的#悬停跨度，它跟随鼠标移动(居中)并在#字段上盘旋时变得可见。
HTML：
<body>
<div id="container" >
<div id="field"></div>
</div>
<span id="mouseHover" ></span>
</body>
联署材料：
$("#
浏览 7提问于2015-08-15得票数 4
回答已采纳
6回答
我正在使用Wordpress与一个响应主题。当我在移动设备上显示内容时，主题将在常规浏览器中正确显示。
当切换到broswers‘桌面模式’时，响应主题的行为有点奇怪。我想这是由于使用的屏幕大小。是否有方法显示已使用的CSS媒体查询？
当CSS说media min-width: 1024px的时候，我能看到屏幕大小的CSS在使用什么吗？或者是否存在一个简单的页面来测试它？或者更好:如何检测浏览器是否请求站点的“桌面版本”并将其用于CSS？
我在谷歌上搜索，但没有找到任何帮助，如何发现它，但没有找到有用的提示。
浏览 0提问于2019-06-09得票数 1
回答已采纳
我正在试用最新的Kendo版本，以便在我们的应用程序中使用它，特别是网格组件。
如所示，如果属性设置为"phone“或"tablet”，网格可以在移动设备上或在任何浏览器中自适应呈现。但是，我无法让它在我的代码中工作。
是否有人知道自适应呈现是否独立于Kendo中的移动应用程序功能，或者是否要求任何自适应网格都作为Kendo移动应用程序的一部分运行？
我怀疑是后者。我当前的代码只是使用非移动网格示例，移动属性设置为"phone“，并且我没有实例化任何Kendo移动应用程序实例(例如kendo.mobile.Application(document.body))。
谢谢克
浏览 2提问于2014-04-15得票数 2
回答已采纳
1回答
我使用flexbox将页脚导航中的列表项分散到页脚的宽度上。
它被正确地显示在我的浏览器和Chrome的移动仿真中。然而，在我测试过的任何移动设备(、iPad、三星平板电脑)上，它都被忽略了。
有人发现我不知道的代码有什么明显的错误吗？下面是我正在使用的CSS/更少的代码片段。
ul {
display: flex;
justify-content: space-between;
width: 100%;
padding: 0;
li {
padding: 0;
}
}
浏览 2提问于2015-10-14得票数 6
回答已采纳
1回答
我被要求对一个现有的网站进行移动布局改造。该网站是建立在Wordpress Twenty11框架上的，所以我决定使用该框架中现有的媒体查询来构建移动布局。
现在，我的移动布局在任何宽度小于420px的桌面浏览器上看起来都很棒，但在iPhone和安卓移动浏览器上，它只需加载全宽网页即可。完整的网络体验，哇！
客户不满意。希望移动设计显示在所有iPhone浏览器上。因此，现在我需要弄清楚为什么移动浏览器坚持以整个桌面宽度显示页面，而完全忽略了移动CSS。
下面是我的媒体查询，位于主style.css文档的底部：
@media (max-width: 800px) {
/* Design start
浏览 1提问于2012-07-11得票数 3
回答已采纳
如果我们要为移动设备创建一个站点，我们不应该在CSS中使用"Pixel“吗？
用于布局和字体的px。我们应该只在em或%上使用移动站点上的所有内容吗？
如果我使用的是<img>，那么我应该在<img>代码中为<img>定义高度和宽度吗？或者不去定义是好的。或者我应该在css中为<img>定义大小，也可以用%或em来定义。
编辑：
注意：问题不再是关于px和em的辩论，我的问题是专门针对不同的移动站点的。当我们用不同的域或子域制作单独的移动站点时。
浏览 8提问于2010-09-09得票数 1
回答已采纳
1回答
在移动设备(iPhone)上检查my site时，很明显它仍在加载非移动样式表。这是标题中的代码，有人能告诉我出了什么问题吗？
<link rel="stylesheet" href="styles.css" type="text/css" /> <link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="styles_mobile.css
浏览 0提问于2012-05-09得票数 0
如果我的CSS基于移动样式，然后对逐渐变大的显示器(平板电脑、台式机等)使用@media查询，那么移动设备会使用桌面样式吗？
我认为，通常情况下，移动设备将加载所有图像，即使它们不适用于自己的特定媒体大小。这意味着它将加载所有图像并隐藏与其基于查询的样式表不匹配的图像。
我想要做的是在这个网站的更大的版本中使用一个背景：
.splash {
background: #1a1a1a url('/assets/imageLarge.png') no-repeat;
}
另一个是手机版的：
.splash {
background: #1a1a1a url('
浏览 3提问于2013-05-21得票数 40
回答已采纳
2回答
我在CSS背景图像中使用sprite和引用片段标识符。CSS代码如下所示：background: url(sprite.svg#icon-1);。
它工作在Firefox/Win7 7，Google Chrome/Win7 7，It 11/Win7 7，It 10/Win7 8，Firefox/Android 4.4.2和Google Chrome/Android 4.4.2上。但是，它不适用于iOS 9.3.4。
。(这里有一个更短的url，便于移动设备访问: goo.gl/P9xG4E)
是否有可能让iOS使用此方法？
==更新==
在Android4.4.2上，与Firefox和Goog
浏览 3提问于2016-09-03得票数 0
回答已采纳
我正在做一些来自微软虚拟学院的视频，在css3中偶然发现了一个叫Flexbox的-ms-flex。
我想在html5和css3上实现一个web应用程序，这个-ms-flex会对我很有帮助。
这在移动设备上的基于webkit或fennec的浏览器中可用吗？如果可以使用，是否有使用的限制？此外，如果不支持这些浏览器，是否存在等效的内容？
我发现：有webkit-box，也许还有其他浏览器(Opera、Chrome和Mozilla或Dolphin)。
浏览 1提问于2013-01-11得票数 2
回答已采纳
3回答
移动网站上的字体
、、
我尝试在一个带有CSS的移动网站中添加这样的字体：
CSS文件：
@font-face { font-family: Aapex; font-weight: bold; src: url('../fonts/Aapex.ttf');}
#header_txt{
font-family: Aapex;
font-size: 48px;
color: #fff;
}
它在电脑浏览器上工作得很好，但在移动设备上却不行。有办法解决这个问题吗？
浏览 3提问于2014-02-18得票数 0
回答已采纳
我有一个CSS代码，如下所示
CSS
#menu_option { width:100px; margin-left:-50px; }
在Mozila、Google Chrome和IE9中，菜单在这段代码中位于右侧，但在IE9中，它是向左移动并剪切图像的。所以我申请了
#menu_option { width:100px; margin: 0; }
这段代码在IE8上运行正常，但在Mozila和IE9上菜单向右移动。
请任何人建议我如何应用这两个代码或合并在一起的CSS，并指定IE8的#menu_option { width:100px; margin: 0; }和其他#menu_option
浏览 0提问于2012-07-21得票数 0
3回答
关于Fluid Web设计的问题
、、、、
我们有两种方法可以实现流畅的设计(一种可以根据屏幕尺寸进行自我调整)；
方法1:我们可以只使用可用的浏览器大小(或视口宽度/高度)，并相应地定义我们的CSS……这相当于使用CSS @media max-width:320px在这种方法中，即使是被压缩到非常小的桌面浏览器也会显示与移动设备上相同的设计。
方法2:我们根据查看内容的设备(台式机/移动设备/平板电脑)设计CSS。这相当于使用CSS @media min-device-width:768px
因此，如果您看到，我们如何识别基于"width“或"device-width”应用的CSS是不同的。
我的问题不是关于媒体查询以
浏览 3提问于2011-09-15得票数 1
回答已采纳
2回答
我的任务是围绕/利用jQuery移动更改web应用程序构建的设计，以便它更适合桌面浏览器。我不想马上删除所有的jQuery手机，而是进行一段时间的转换。整个web应用程序使用一个带有一组子页面的页面，所以我为桌面版本创建了一个使用相同子页面的新页面，因为这允许我对页面使用不同的css文件。
我的问题是，我应用到“非移动”页面的所有css都会被jQuery移动(一堆css文件)覆盖。正如我所说的，我实际上不想一次就删除这些css文件，因为我会留下一个原始的html页面，而没有子页面之间的页面转换等等--我甚至可能想让一些jQuery css长期运行，比如头。
我现在看到的主要问题是，很多元素都会
浏览 2提问于2016-04-11得票数 1
回答已采纳
我有这样的代码：
Js：
<script src="scripts/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("img").css({
"filter": "url(#example-one)",
"-webkit-filter": "blur(4px)",
&
浏览 2提问于2013-02-15得票数 0
回答已采纳
我不是试图将CSS3特性与Javascript进行比较，而是想知道如何在遇到这种情况时才能做出决定。我知道实现单一交互效果的三种方法，在本例中，当用户在div上悬停时，内部元素将扩展其宽度和高度。
在这种情况下，我想知道哪种方法是理想的。需要考虑的是，我将以现代浏览器为目标，我支持移动设备(iPad和iPhone)，我将使用jQuery和Boostrap。
1.使用jQuery，可以将其编码为如下所示：
$('#js').hover(function(){
$('.inner',this).animate({'height':'2
浏览 0提问于2014-08-09得票数 0
回答已采纳
我有一个网页，我想检测它是否在ipad上的移动safari上运行。如果是这样，它应该加载不同的css文件(如果它在websheet上运行，那么它应该加载另一个css)。我使用下面的方法来处理css，但它只显示两种方式中的一种：
<link rel="stylesheet" href="main.css?v=2">
<link rel="stylesheet" media="handheld" href="css/handheld.css?v=2">
浏览 0提问于2012-05-10得票数 1
回答已采纳
2回答
我必须禁用高亮效果的<select>的html。当您在下拉列表中拉下项目并将鼠标移到项目上时，蓝色条带将随鼠标移动。我必须禁用这个效果。
以下是示例代码
<select>
<option>April</option>
<option>May</option>
<option>June</option>
</select>
这是演示
欢迎任何CSS或Javascript解决方案。
浏览 2提问于2012-06-29得票数 0
我有一个带有以下三个控件的SharePoint页面，水平显示如下： ? css如下所示： .main {
display: flex;
flex-direction: row;
justify-content: flex-start;
.searchText {
width: 100%;
max-width: 330px;
margin-right: 25px;
}
.statusLabel {
margin-right: 25px;
margin-bottom: 8px;
}
.statusDropDow
浏览 34提问于2021-01-06得票数 1
1回答
我目前有一个web应用程序，它使用主题将其皮肤设置为SkinA或SkinB。到目前为止，这是一个web应用程序，没有以任何方式关注移动设备，所以site.css文件(在两个主题文件夹中)针对的是普通的桌面设备。
但是，在不更改整个项目中的任何web form aspx文件的情况下，我现在需要创建此site.css文件(用于两个主题)的移动版本，它将改变布局，使其在移动设备上查看时看起来更整洁一点。
我在一篇文章中发现了以下片段，这听起来相当合乎逻辑，但是，由于使用了主题文件夹(从我对主题的了解很少，我认为所有的CSS文件都会自动包含在内)，我不确定我该如何实现这一点。
摘录自：
首先，定义两个
浏览 6提问于2013-02-28得票数 0
1回答
jQuery移动1.1.0最终版本刚刚发布，并承诺：
真正的固定工具栏:轻量级的，基于CSS的和广泛兼容的
他们在移动浏览器中 position:fixed头痛的具体修复方法是什么？
我有一个桌面应用程序(基于twitter的引导)，它有定位:固定工具栏，不能很好地在移动浏览器上工作？我想合并的特殊修复没有所有其他功能和CSS jQuery移动附带。
浏览 2提问于2012-06-15得票数 0
回答已采纳
2回答
我已经开发了一个页面的移动版本，它使用了一些移动特定的java和css。
我遇到了许多解决方案，可以将移动/iphone用户引导到该特定页面，将桌面用户引导到原始网页。
但我想要的是我在一个页面中得到这两个东西，当用户在移动设备上时，javascript和css的某些部分在同一个页面上运行，而用户不会被重定向到其他页面。
这有可能吗？
浏览 2提问于2010-05-28得票数 1
回答已采纳
1回答
我想为修改某些页面的HTML和CSS的主要浏览器构建一个小的扩展。在桌面浏览器上，这很容易实现。然而，在移动浏览器上，内容修改扩展大多是不允许的。(实际上，任何类型的扩展都是不允许的。)对于用户来说，如何在低摩擦的情况下实现这个目标？
不起作用的想法：-自定义键盘(没有应该触发内容修改的输入标记)--一个应用程序或一个新浏览器，可以做我想做的事情(对于用户来说，太麻烦了)
格莱玛利做了一个定制的键盘，这是非常适合他们。蜂蜜没有移动扩展，但据我所读，他们正在构建一个自定义应用程序。这两种都不适合我。
浏览 0提问于2019-10-26得票数 1
我使用了这个方法: CSS Throwdown - Preload Images without JavaScript By Jeff Starr -
当我在网络浏览器中查看它时，它工作得很好，但是在移动设备上，它似乎没有任何效果，.png图标仍然需要太长的时间才能加载。
浏览 1提问于2009-09-15得票数 0
有许多关于调整大小(事件)不能在线工作的问题，但我只找到了，它实际上反映了我的确切问题，但没有得到答案。
当我使用检查器时，当我的网站到达<= 540 of宽度的断点时，它会从桌面版本更改为移动版本。然而，当我调整整个铬窗口的大小时，什么都不会发生(即使我的窗口确实小于540 my宽度)。
我不确定移动版是否真的能在手机上工作，因为我目前无法测试这一点，但我不确定Chrome和网站是否会在桌面和手机上正常工作，或者我做错了什么。
相关代码：
$(window).resize((event) => {
const windowWidth = window.screen.
浏览 5提问于2021-06-19得票数 0
回答已采纳
1回答
CSS按钮调整
、、、
我已经构建了一个自定义的<button>，它完全使用CSS和CSS3设置样式。除了在不同的浏览器上有一些视觉上的麻烦之外，一切都运行得很好。
我注意到，在Internet Explorer和Firefox中，按下我的按钮后，按钮文本周围会出现一个虚线边框，如下所示：
但Chrome或Opera并非如此。
此外，在Internet Explorer和Opera中单击按钮期间，按钮的文本会移动以指示用户单击了该按钮：
这在Chrome或Firefox中不是问题。
有没有办法在CSS中去掉上面提到的浏览器中的虚线边框和移动文本？
浏览 0提问于2012-03-11得票数 2
回答已采纳
parseFloat($(this).css('left')
这在移动浏览器上返回一个整数，在桌面上返回一个浮点数。为什么？即使我将浏览器窗口设置为正在测试的移动设备的确切尺寸，也会出现这种情况。jQuery版本为1.8.3。我在桌面上使用Chrome Canary，在安卓/ iPhone设备上使用Webkit。
如果问题不是parseFloat()，为什么$(this).css('left')在移动设备上会返回整数而不是浮点数？
浏览 4提问于2013-01-18得票数 1
3回答
每当我使用一些CSS属性时，我都会在www.caniuse.com上检查浏览器对它的支持，它的网站不错，虽然还没有包含Opera 8，但仍然是一个不错的网站。
现在，对于我有条件使用的多个CSS文件，我必须使用@import规则，但我不知道浏览器支持，我也在www.caniuse.com上查过，但它不在那里，我搜索了它，但是每个网站和博客都在讨论对@media规则的支持，而不是对@import，他们只讨论@import更好，或者缩小css使用grunt等等更好。
有人能告诉我浏览器对@import的支持是什么吗?我是否可以使用它？
浏览 2提问于2014-03-24得票数 2
回答已采纳
我有一台Yoga 2 Pro，默认分辨率为3200x1800。它的字体缩放到250。我正在工作的网站使用foundation，我注意到它在我的机器上并没有坚持我的页面的"large-x column“样式，而是"small-x”。我注意到web上的一些站点默认使用移动css。我想知道为什么我的屏幕分辨率没有表明站点应该使用大的css属性。
浏览 3提问于2014-10-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
