当项目数等于列数时，chrome和safari会以不同的方式呈现css列
当项目数等于列数时，Chrome和Safari会以不同的方式呈现CSS列。
在CSS中，我们可以使用flexbox或grid布局来创建多列布局。当项目数等于列数时，即每列都有一个项目，Chrome和Safari会有不同的默认行为。
在Chrome中，当项目数等于列数时，它会自动将项目均匀分布在每一列中。这意味着每个项目将占据相同的宽度，并且在水平方向上均匀分布。
在Safari中，当项目数等于列数时，它会将项目按照其在HTML中的顺序依次排列。这意味着每个项目将按照其在HTML中的顺序从左到右排列，而不考虑列数。
这种差异可能会导致在使用相同的CSS代码时，Chrome和Safari中的多列布局呈现不同的效果。为了确保在不同浏览器中获得一致的布局，我们可以使用CSS前缀或其他浏览器兼容性解决方案。
以下是一些相关的腾讯云产品和产品介绍链接地址：
- 腾讯云弹性伸缩（Auto Scaling）：自动调整云服务器数量，根据负载需求进行弹性伸缩。了解更多：https://cloud.tencent.com/product/as
- 腾讯云负载均衡（CLB）：将流量均匀分配给多个云服务器，提高应用的可用性和性能。了解更多：https://cloud.tencent.com/product/clb
- 腾讯云容器服务（TKE）：提供高度可扩展的容器化应用管理平台，简化容器部署和管理。了解更多：https://cloud.tencent.com/product/tke
请注意，以上链接仅供参考，具体产品选择应根据实际需求和情况进行评估和决策。
相关·内容
我使用引导程序3，并使用CSS列属性将内容设置为显示在2列中。我知道这可以通过Bootstrap来完成，但是在这种情况下，最好使用CSS列。
但
至少在IOS (Chrome或Safari)中，这些内容根本看不见。如果我注释引导标记，内容是可见的，CSS列可以正常工作。
有什么想法吗？
编辑(增加例子，感谢克里斯蒂娜;)
在本文档中，桌面浏览器中的所有内容都可以正常工作，但是如果您使用IOS Chrome或Safari检查它，CSS列中的文本是不可见的。
在第二篇文档中，我注释了Bootstrap 3 CSS -file，现在这些列在IOS中也是可见的。
浏览 3提问于2015-05-12得票数 0
回答已采纳
如果我有这样的HTML和CSS：
ul {
columns: 2;
}
a:hover {
background: red;
box-shadow: 0 0 10px 5px red;
}
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a>
浏览 2提问于2022-08-07得票数 1
回答已采纳
所以我在这个网站上花了很大力气，并且达到了它实际完成的程度，然而它在firefox上不能正常工作，然后它在Chrome/ safari上工作。在联系页面上，文本字段重叠在右列。在chrome和safari中，主页的伸展程度还不够。
我该怎么解决这个问题呢？
网址：
我还在学习HTML/CSS，所以请轻松一点。
谢谢
浏览 1提问于2012-12-03得票数 1
2回答
我有UL和LI列表和最大项目数量是10，我正在尝试移动项目，如果超过5到第二列和只想使用CSS处理，我尝试与CSS3‘列’，但它在第二列所有项目，我如何确保移动项目超过5到第二列 问题是，只有当LI大于5li时，li才应该出现在第二列中，如果li等于或小于5，那么它应该是一列 .listItems {
list-style: none;
margin: 0;
padding: 0;
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
col
浏览 11提问于2019-03-04得票数 6
回答已采纳
我注意到safari和chrome的字体大小是不同的，即使没有使用css。代码非常简单，没有涉及任何样式，但在safari和chrome中仍然显示出大小上的主要差异。在任何浏览器上都没有缩放功能。
<html>
<head>
</head>
<body>
Hello
</body>
</html>
下面的链接是我所指的屏幕截图。
有人能帮上忙吗？
谢谢!
浏览 0提问于2013-04-13得票数 0
回答已采纳
2回答
据我所知，Safari和Chrome都使用WebKit。有许多项目允许您嵌入WebKit，但我实际上想要的是在C#应用程序中嵌入Chrome (用于Windows)，以便我的应用程序呈现与Windows上的Chrome相同的效果。
所以当我嵌入的时候，比如说，渲染，CSS支持，Javascript引擎，字体渲染等等，是Chrome for Windows的，还是底层WebKit引擎的？
想必，WebKit不会处理字体和控件渲染之类的事情，或者Chrome和Safari在Windows上看起来是一样的，但它们并不一样(Safari有模糊文本的问题，还有其他区别)。
那么，是WebKit负责布局和
浏览 2提问于2010-08-13得票数 6
回答已采纳
2回答
不同浏览器的像素大小不同吗？
例如
<input type='button' class='button2' value='...' />
/*****CSS*****/
.button2{
width:120px;
}
Chrome中的按钮值溢出，而在Safari和Firefox中则不然。我在做什么是错的？
浏览 2提问于2011-07-16得票数 0
2回答
我经常使用Google字体和自定义字体，因为Google Chrome有一个糟糕的渲染习惯，这是一个遗憾，因为Google Chrome的其他所有功能都运行得很好，有没有什么方法可以(最好使用css)将字体渲染为'Apple Safari‘标准？
谢谢,
浏览 1提问于2012-04-25得票数 6
我不是一个UI的家伙，但我不得不为一个附带项目做一些CSS。我目前正在使用YUI-3文件；网格、重置和字体，所有这些都是v3.9.1。
我遇到的问题是，我的h2标签文本与一个固定宽度的重音框重叠，而且它似乎只发生在Chrome中。它在Firefox、Safari和IE9中呈现得很好。有人知道什么问题吗？
以下是Chrome的外观：
下面是它在火狐上的样子：
注意计数，在Chrome中，26在左边的重音上盘旋，但是这个重音的宽度是固定的6px。
--更新--
考虑到这个问题可能存在于我的自定义css中，我移出一个代码片段进行测试，并且肯定的是，尽管Chrome很基本，但是右边有一个空白，这可能解
浏览 1提问于2013-04-10得票数 1
回答已采纳
我在AJAX内容中使用。
加载的数据是一个具有大约100行和10列的元素。
FF、Chrome、Safari和Opera、都很好，但对于IE9，加载的表非常慢。
我试着在DataTable usin .load()方法中加载IE9，它很好，但是使用JQueryUI选项卡实际上并非如此。我尝试了JQueryUI 1.8.22和1.9.1，但是行为是一样的。
有人已经处理过这样的问题了吗？
编辑
事实上，这个问题不是用DataTables绑定的，而是由于通过AJAX加载到选项卡的“大”内容造成的。此外，加载的JS代码、滚动甚至CSS :悬浮实际上并不是反应性的。
浏览 3提问于2012-11-08得票数 2
回答已采纳
1回答
我有一个jQuery插件，它在屏幕上移动一个元素，但是有一个“动画”按钮来显示幻灯片转换。在尝试使用CSS转换而不是Javascript转换进行更改时，我遇到了这样的情况，我不确定这是一个bug/怪癖，还是我做错了：
var $item = $('#myItem');
if (!animate) {
$item.removeClass('csstransitions'); // Class that has "transition:left 0.25s ease-out"
$('#myItem').css('le
浏览 2提问于2012-03-19得票数 1
回答已采纳
1回答
为每个浏览器加载CSS
、、、
我希望你能帮助我。我需要加载一个css为每个浏览器，(合唱，safari，mozilla，即)。我已经找到了一个解决方案，我添加了safari选项，但仍然不起作用。
<script type="text/javascript">
var browser = navigator.userAgent.toLowerCase().indexOf('chrome') > -1 ? 'chrome' : 'other';
if (BrowserDetect.browser.indexOf("chrome&
浏览 0提问于2017-09-05得票数 0
1回答
我正在建立一个网站，但响应式的CSS没有应用在移动上，因为我希望它是。我希望我的网站是这样显示的(由Chrome开发工具检查)： ? 然而，当我的网站部署在生产环境中时，网站的布局完全不同，在Chrome、Safari和SNS浏览器之间也是不同的。 适用于Chrome ? 对于Safari ? 用于SNS浏览器(本例中为FB Messenger。幻灯片不同，但样式几乎都是相同的) ? 我遇到过很多这样的问题，我在Chrome Dev工具中应用的设计并没有应用到现实生活中，每次发生这样的事情，到目前为止，我只是使用navigator.useragent来检测浏览器类型并为每种类
浏览 26提问于2020-09-24得票数 0
回答已采纳
iPhone Safari、iPad Safari和Mac呈现HTML / CSS的方式有一些重大差异。Chrome在手机上呈现内容的方式与平板电脑与PC之间的区别是什么？它们是否值得在所有三个版本上测试网站？
浏览 5提问于2013-11-01得票数 0
回答已采纳
2回答
我尝试从HTML属性读取列数。
就像这个：
div.columns[cols] {
column-count: attr(cols)
-webkit-column-count: attr(cols) /* Chrome, Opera, Safari */
-moz-column-count: attr(cols) /* Firefox */
}
它似乎不起作用，而且我也不知道我是不是错过了什么，还是说它不起作用。如果是这样的话，最好有一个比这更好的解决方案：
div.columns[cols="2"] {
column-count: 2
浏览 3提问于2015-08-14得票数 0
回答已采纳
我有一个项目，我需要保留和显示句子中所有带下划线的空格。我仍然需要折叠所有其他的空间。
我的css中有u {white-space:pre-wrap}，但是Chrome和Safari正在折叠标签和文本之间的所有空白。它们确实保留了所有其他带下划线的空格。
<u> this is my text </u>
应该是：
_____this____is_____my_____text_____
但Chrome将其显示为：
this____is_____my_____text_____
u {white-space:pre}确实可以正常工
浏览 1提问于2015-11-04得票数 3
1回答
有没有人注意到最新版本Chrome在Windows (22.0.1229.94m)上的渲染方式发生了变化？
在页上
直到最近(在IE8/9，17 16/17，Safari 5中)
铬(22.0.1229.94米)：
CSS以YUI Reset CSS version: 2.5.1开头。
以下是相关的html
<div class="epoBar epoBarAction">
<div class="secondary">
<div class="epoBarItem">
浏览 2提问于2012-10-19得票数 0
我在HTML5样板中使用Normalize.css，注意到OS上的Firefox9呈现的字体与我测试的其他所有浏览器都不同(Chrome16、Safari5.1.2、Opera11.6的表现都是一样的)
以下是一些屏幕截图，没有填充或边距：
Firefox OS X 9.0.1：
Chrome OS X 16：
你可以看到Firefox正在渲染字距，我相信，比其他浏览器要大。有什么想法吗？
浏览 1提问于2012-01-04得票数 2
回答已采纳
我有一个按钮，当在Chrome、Firefox或Edge中点击时，会显示文件浏览器窗口，然后我可以在其中选择一个文件并完成文件上传。但是，当我在Safari中单击该按钮时，什么也没有发生-文件浏览器窗口不出现。我在Windows 10上运行，并且安装了Windows版本的Safari。
按钮：
<a href="javascript:void(0)" id="uploadFile">Upload File</a>
处理程序：
$(document).ready(function() {
$("
浏览 0提问于2017-09-07得票数 0
$(function()
{
var list = $('#ulGall li');
currentItem = 0;
function changeToSlide(index)
{
var i = index;
var nextImage = "url(" + $('#ulGall img' + ':eq(' + i +')').attr('src');
$('#gall').css('ba
浏览 3提问于2012-12-14得票数 0
回答已采纳
Mac Firefox (3.6.3)。字体在Chrome，Safari，IE8中看起来很清晰(不如其他两个好，但没有火狐那么模糊)。有什么解决办法吗？如何确定Firefox正在使用哪些源文件？我可以在CSS中强制它选择其他东西吗？
浏览 2提问于2010-06-15得票数 1
与IE相比，在Chrome中，Arial字体呈现得更轻更薄。
有没有办法让Arial在流行的浏览器(IE8+，FF，Chrome Safari)中呈现相同的效果？
如果我购买或下载了一个自定义字体，是否可以用此自定义字体替换浏览器的默认Arial字体？对于所有的用户来说，它在不同的浏览器上是一致的吗？
我有许多引用Arial的样式表，因此我无法更改每个样式标记以引用新名称。
浏览 0提问于2013-02-06得票数 0
回答已采纳
我对Safari使用Typekit字体和文本呈现:css中的optimizeLegibility删除单词之间的空格有问题。
它在Chrome中运行得很好，所以它不是一个webkit问题。它在Firefox中也很好用。我想使用optimizeLegibility的原因是，在webkit浏览器中，kerning很可怕。
有什么建议吗？
编辑： (它在火狐和Chrome中工作得很好，但在Safari5.1.7中就不行了(至少在Windows中不是这样))
作为另一种选择，如果有人可以帮助我在火狐中获得起点，就像Chrome一样，我可以使用lettering.js或其他什么工具来手动控制它。我无法让它
浏览 1提问于2012-09-11得票数 1
1回答
我有一个网站，它最初是为IE 7/8下的封闭式内部网使用而设计的，现在需要在web上运行，这意味着要对firefox、safari和chrome进行调整。
问题是，我不太擅长估计时间，我正在寻找让网站跨浏览器兼容时应该期待什么的建议。Firefox开发工具告诉我，有几个CSS标签是不支持的，比如* overflow-x和filter。
safari和chrome渲染站点与IE和firefox有什么不同？
它是一个HTML，CSS，Javascript和ASP.net网站。
您所提供的任何见解都将不胜感激。谢谢。
浏览 3提问于2012-09-08得票数 0
回答已采纳
2回答
在将CSS转换为列内的元素时，是否存在已知的问题？
我在webkit (Safari和Chrome)上有问题，没有测试其他.
我制作了，其中将转换(在悬停时)应用于位于列内的图像。问题发生在除第一列之外的所有列上，它不会呈现应用的筛选器或转换。
第一列按预期工作，如果我删除这些列，也会呈现ok。
这是CSS的一个相关部分：
#photos img {
width: 100% !important;
height: auto !important;
opacity: 1;
-webkit-filter:
浏览 4提问于2014-02-23得票数 4
回答已采纳
我在网页中插入了一段youtube嵌入代码( iframe代码)，并使用css column-count自动将页面中的文本划分为两列。
.newspaper
{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
}
问题是，当我在初始视区后嵌入youtube视频时，它显示为黑色图像。这里有一个例子：。看起来这是youtube和chrome的bug。这个问题有什么解决方案/修复方案吗？尝试了不同的方法，但没有工作，所以我想用jQuery列化器来代替C
浏览 1提问于2013-04-04得票数 11
1回答
我正在使用下面的html显示一个选择框。我想显示一个固定宽度的选择框，如果有更长的选项，我想看到滚动条。以下代码可以在chrome和firefox上运行，但在safari中不能运行。
有什么想法吗？
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
select.dualList {
width:100%;
height:300px;
浏览 1提问于2016-06-24得票数 1
我遇到了一种特殊的情况，chrome和safari + firefox在呈现渐变的方式上有很大的不同。
观察：
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(56,56,56,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(56,56,56,1))); /* Chrome
浏览 0提问于2015-02-06得票数 4
回答已采纳
1回答
我试图使用for循环从listView中获取值，并将它们放到hashmap中。但是逻辑猫总是抛出这个错误。我搞不懂为什么。任何帮助都行！列表视图有@android:id/list，我在我的活动中扩展了ListActivity，这里是我获取这些值的代码
listStudent=getListView();
studentMarksList=new ArrayList<HashMap<String,String>>();
String student,obtained_value,max_value;
for (int i=0;i<listStudent.getCou
浏览 2提问于2016-01-27得票数 0
回答已采纳
3回答
因此，我有一个问题，必应地图不是完全呈现在Safari 7上。他们被加载在Chrome和IE上罚款。
示例-将链接复制并粘贴到Mac：上的Safari 7中
您可以看到，只有一半的映射呈现出另一半是灰色的，控制台中没有错误，唯一的警告是：“无效CSS属性声明at:* style.css"。
还有其他人遇到这个问题吗？有解决办法吗？
浏览 9提问于2014-08-06得票数 0
1回答
HTML
<div class="entry-content">
I’m not the only one in the family having a weakness for interiors. I think I received the microbe from my parents. Although our style is different on the first sight, there are still a lot of things we have in common. We both love contemporary de
浏览 3提问于2014-11-02得票数 2
回答已采纳
我有个网站。我一直在windows上测试交叉浏览器，它在所有浏览器上看起来都很不错，但是在Safari的Mac上，CSS似乎没有得到正确的解释，或者出现了一个关键的javascript错误。
当我跨浏览器查看控制台时，错误日志显示的完全相同。mac上的Chrome将网站解释为原意，那么为什么我对safari有问题呢？
这在不同的计算机上是一样的，而iphone safari也表明这个网站是错误的。
这是如何可能的，以及如何调试？
浏览 0提问于2013-11-03得票数 6
回答已采纳
1回答
我正在做我的第一个网站，并决定使用Bootstrap3。我已经开始研究四个“功能”列的部分，每个列有一个图像。我包括到我的开发者版本的链接：
在Chrome/Safari中，有一个问题是，当我们第一次启动该网站时，四个图标(即大脑图像部分)的高度要大得多。当我打开Chrome DevTools并单击css高度属性为图像，再输入一次相同的百分比值(90%)时，图像正在更改为正确的大小。问题只存在于Chrome/Safari。
在css属性中，图像没有什么特殊之处：
img {
display: block;
margin-left: auto;
margin-righ
浏览 1提问于2014-06-16得票数 0
2回答
我有一个字体问题与Arial窄带。由于这个项目，我必须使用Arial Narrow。
我唯一的问题是，字体在chrome中的外观与firefox或safari中的字体不一样。
有人能帮我解决这个问题吗？或者只是浏览器呈现字体的方式，而我无能为力？
火狐或Safari
Chrome
.content { font-family: 'Arial Narrow', Arial, sans-serif; font-size:13px; }
浏览 2提问于2014-01-24得票数 2
回答已采纳
1回答
在一个新的web项目中，我们有一个只在macOS Safari中出现的CSS问题：
Firefox和Chrome (Win/Mac)以及IE和Edge都能正确显示导航。
在Safari中，导航显示在徽标的下方，而不是右侧。看起来CSS表格的宽度是100%，但它的宽度被设置为auto。
有谁有快速解决的办法吗？如果我不会因为Safari而不得不对其进行重大更改，那就太好了。
浏览 6提问于2017-02-16得票数 0
我有一个小问题，我的主菜单填充，我希望有人可以帮助我。在Firefox和IE中，一切都渲染得很好。然而，在Chrome和Safari中，填充略有不同。
现在，我将左/右填充设置为1.82em，这在Chrome/Safari中的“联系我们”后留下了一些未使用的空间。我也试过将其设置为31px，最终在Firefox/IE中渲染效果很好，但在Chrome/Safari中，它将最后一个菜单项放在新的一行上。
我读到Firefox和Chrome的渲染填充完全一样，所以我对这一点不知所措。我也许可以用java来解决这个问题，在不同的浏览器上使用不同的CSS，但我宁愿避免这样做。有什么想法吗？
浏览 0提问于2011-11-23得票数 1
回答已采纳
4回答
我有一个基于css的2列布局...
.mainContentSection {
font-size: 1.1em;
margin: 20px 10px 10px;
padding: 0;
-moz-column-count: 2; /* Firefox */
-webkit-column-count: 2; /* Safari and Chrome */
column-count: 2;
-moz-column-gap:30px; /* Firefox */
-webkit-column-gap:30px; /* Safari and Chrome */
c
浏览 0提问于2015-11-18得票数 2
我在Firebug控制台中运行以下代码。
$('img').css('border', 'solid 2px red').css('border');
出现红色图像边框，但它返回一个空字符串，为什么会这样？
它在Chrome和Safari开发工具中工作得很好。
更新：jQuery文档表示在获取jQuery值时不支持速记属性。不过，我在Firefox中也尝试过以下方法，但没有成功(所有这些工作都在Chrome和Safari中进行)
$('img').css('border-style', 's
浏览 6提问于2012-09-01得票数 15
回答已采纳
我有一个内联svg和一个背景图片的报头。我使用css clip-path来‘剪裁’出svg动画与下面的图像。
我在firefox和chrome上运行得很好，但safari根本不会应用任何裁剪/屏蔽功能。
我在开始这个项目之前检查了caniuse spec，它说明了适用于chrome的相同规则和例外，我只是先测试了chrome，它是有效的，所以我继续它，认为safari也会有同样的待遇。
我一直在挠头，试图弄清楚如何让剪辑在safari中正常工作，但没有效果。
我怎样才能让这个在safari中工作？参考笔记：
HTML
<clipPath id="cross">
浏览 3提问于2017-01-26得票数 18
1回答
Firefox错误呈现
、、、、
我只在火狐 (IE，Safari和Chrome渲染罚款)上面临这个问题。
，您可以看到横幅的高度在重新加载时是如何变化的。此外，如果将指针移向侧栏中的链接，则整个div也会更改位置。There's no javascript in the code. No % in margins or paddings.我不会复制整个CSS代码，因为它真的很大，但是从经历过这些问题的人那里进行准确的检查就足够了。
浏览 2提问于2014-02-05得票数 0
1回答
今天，字体样式: css中的斜体显示我的字体只有在Chrome和Firefox上，而不是在Safari上。
例如，使用此css：
em {
font-style: italic;
}
这个HTML：
<p><em>Hi, I'm showing up in bold.</em></p>
以斜体和粗体显示。
在我注意到这个bug之前，我已经尝试过从两天前恢复CSS，但是没有效果，所以它似乎不是CSS造成的。我已经尝试过验证HTML和CSS，但似乎没有任何东西显示为源代码。
这方面的一个例子显示在此页面上：
浏览 6提问于2014-02-22得票数 2
回答已采纳
#main .inside .ce_text {
-moz-column-count: 2;
-moz-column-gap: 31px;
-webkit-column-count: 2;
-webkit-column-gap: 31px;
column-count: 2;
column-gap: 31px;
}
#main .inside .ce_tabcontrol_pane .ce_text {
-moz-column-count: 0;
-webkit-column-count: 0;
column-count:
浏览 0提问于2013-01-31得票数 1
回答已采纳
我正在尝试将:after伪类添加到Joomla的.readmore类中。
.readmore
{
font-size:12px;
margin-bottom:2px;
color:#000 !important;
font-weight:bold;
display:inline;
}
.readmore:after
{
content:"";
display:block;
width: 215px;
height: 3px;
border-bottom: 1px solid #CCC;
margin:3px 0 3px
浏览 0提问于2011-10-26得票数 3
Safari和Mobile Safari在组合边框半径、填充和边框时似乎有问题。在Chrome和Firefox中运行良好。
<--预期
<-- Safari渲染
HTML：
<img src="http://lorempixel.com/200/200/animals/3/" />
CSS：
img {
width: 200px;
height: 200px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radiu
浏览 0提问于2013-01-22得票数 8
回答已采纳
3回答
有办法通过CSS网格实现以下目标吗？
如果项目数为奇数，则第一列应比第二列多1行。
1 4
2 5
3
如果项目数为偶数，则列的行数应相同。.
1 3
2 4
尝试使用grid-template-rows，但每列的行数是固定的。
浏览 10提问于2022-05-05得票数 1
4回答
我想我在移动(iOS 8) Safari中发现了一个谷歌字体的网页渲染错误。在我看来，Mobile Safari在使用Google字体的所有文本中添加了少量的字母间距，或者它使用了另一种字体。我尝试使用哪种Google字体(Open Sans)并不重要。它可以在所有现代浏览器上正确呈现。已测试Android、FF、Chrome、Safari。
尝试在iOS设备上加载此页面，以了解我的意思。另请参阅代码和屏幕截图。查看此链接以进行实时审查：
<!DOCTYPE html>
<html>
<head>
<title></title&g
浏览 0提问于2015-03-03得票数 30
100%我正在为一个使用Ext-JS 1.1的客户端修改一个较旧的网站，在IE中，尤其是Firefox中，我遇到了显示日期字段的问题。该站点之前处于半实现状态，因此之前没有发现问题。
在Chrome和Safari中，一切看起来都很好，而且datepicker会弹出并正确显示。然而，在Firefox中，选择器的显示被加宽，以覆盖最大的可滚动浏览器宽度(实际上非常宽)，而在IE中，它被截断到大约三分之二的宽度。
我不确定这是不是因为我们的css，但因为Chrome和Safari运行良好，我认为这可能是Ext-js本身的问题。我意识到这是一个旧版本的Ext-JS，但因为其他一切都运行得很好，所以我不
浏览 0提问于2010-04-12得票数 1
回答已采纳
我正在使用HTML表构建一个基于web的小应用程序。此表的一个不寻常的属性是它有固定的顶部行和左列(类似于excel)。我使用一个小的jQuery和CSS来完成这个任务。
问题是，触发我的代码的jQuery事件是$(window).scroll事件，显然大多数浏览器(Chrome和IE)在运行完该事件调用的代码之前重新绘制页面。因此，左边的列和顶部的行花了一秒的时间来“赶上”表的其余部分。
为了向您展示我的问题，我提供了一个。注意：，当表太小且(相对地说)没有内容时，滞后就不明显了。尽管如此，它还是存在的(假设您没有使用firefox)。有什么办法可以摆脱这种滞后吗？
谢谢!
浏览 5提问于2012-07-05得票数 7
回答已采纳
我有一个Sencha应用程序，它在桌面Chrome、移动Safari和Android的默认互联网浏览器中运行得很好。
但是，一旦我将其包装在PhoneGap中，一些嵌套的TabPanels就开始用两个停靠(一个在顶部，一个在底部)呈现，子面板不尊重它们的适当大小，有时整个文档向上移动(大约与UIStatusBar的距离相同，所以我想知道是否有连接)。此时，我并没有覆盖任何Objective方法，我基本上是在遵循的结构。
我所有的CSS，以及Sencha CSS都包括在内。
有没有人在PhoneGap包装后体验过移动Safari和webview之间的呈现差异？如果是这样，甚至更好的话，有谁能解决
浏览 3提问于2011-08-13得票数 1
回答已采纳
1回答
我有一个问题，Chrome手机，其中一些文字是以更大的字体大小比它是在CSS。我签入了developer工具，发现这些文本继承了正确的字体大小，但在计算样式中仍然显示了5 5px。
我发现这个帖子，但是-webkit-文本大小-调整对我这里不起作用。
我签过不同的移动浏览器，包括Dolphin、Opera mobile和Safari，除了Chrome之外，它们都正确地呈现了文本。
更新:解决了，它是由Chrome的设置导致的，使文本更大。我不认为这是我们可以阻止的东西。
浏览 2提问于2012-09-17得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
