草庐IT

fix_phone

全部标签

html - 位置 :fixed element within a position:relative parent. 哪个浏览器渲染正确?

我看到固定位置元素在相对定位的父元素中的行为方式存在差异。根据我在网上找到的文档,FireFox和Chrome应该将元素修复到视口(viewport)而不是父元素。但是,我发现如果我没有在固定元素上指定左/右值,它的行为表现为静态和固定之间的某种混合,从某种意义上说,它垂直固定到视口(viewport),但移动时好像它是父元素中的静态元素。我找不到任何关于这些条件的官方/受尊重的文件。他们基本上都是这样说的:FixedPositioningDonotleavespacefortheelement.Instead,positionitataspecifiedpositionrelativ

html - 位置 :fixed element within a position:relative parent. 哪个浏览器渲染正确?

我看到固定位置元素在相对定位的父元素中的行为方式存在差异。根据我在网上找到的文档,FireFox和Chrome应该将元素修复到视口(viewport)而不是父元素。但是,我发现如果我没有在固定元素上指定左/右值,它的行为表现为静态和固定之间的某种混合,从某种意义上说,它垂直固定到视口(viewport),但移动时好像它是父元素中的静态元素。我找不到任何关于这些条件的官方/受尊重的文件。他们基本上都是这样说的:FixedPositioningDonotleavespacefortheelement.Instead,positionitataspecifiedpositionrelativ

html - 位置 : fixed caused element to be wider than browser

谁能告诉我为什么position:fixed导致元素比浏览器或页面上的其他内容宽并导致水平滚动?代码如下HTMLthisisaheaderthisisacontainerCSSheader{width:90%;height:100px;background:blue;position:fixed;z-index:100;}.container{width:90%;height:500px;background:red;position:relative;z-index:-2;}这是代码笔的链接http://codepen.io/colbydodson/pen/wcgua

html - 位置 : fixed caused element to be wider than browser

谁能告诉我为什么position:fixed导致元素比浏览器或页面上的其他内容宽并导致水平滚动?代码如下HTMLthisisaheaderthisisacontainerCSSheader{width:90%;height:100px;background:blue;position:fixed;z-index:100;}.container{width:90%;height:500px;background:red;position:relative;z-index:-2;}这是代码笔的链接http://codepen.io/colbydodson/pen/wcgua

javascript - HTML select 元素多属性 |多个属性在 Windows Phone 8 中不起作用

我想使用HTML5和JQuery为WindowsPhone8使用多选下拉菜单。以下代码在IOS、Android和IE浏览器中都能完美运行。但在应用程序中它表现得像简单的选择框,不能进行多选。Item1Item2Item3现在我得到这样的弹出窗口(手机屏幕截图):但是我想要这样的东西(来自IE浏览器的屏幕截图): 最佳答案 这可能是由于windowsphone8中的phonegapwebview。我也遇到了同样的问题。我刚刚创建了一个简单的静态应用程序,但多选框不起作用。在手机浏览器中就可以了。Betterthingis,create

javascript - HTML select 元素多属性 |多个属性在 Windows Phone 8 中不起作用

我想使用HTML5和JQuery为WindowsPhone8使用多选下拉菜单。以下代码在IOS、Android和IE浏览器中都能完美运行。但在应用程序中它表现得像简单的选择框,不能进行多选。Item1Item2Item3现在我得到这样的弹出窗口(手机屏幕截图):但是我想要这样的东西(来自IE浏览器的屏幕截图): 最佳答案 这可能是由于windowsphone8中的phonegapwebview。我也遇到了同样的问题。我刚刚创建了一个简单的静态应用程序,但多选框不起作用。在手机浏览器中就可以了。Betterthingis,create

html - iPhone 6+ Mobile safari iOS 8 横向打开标签,Bootstrap navbar-fixed-top 在打开时不会关闭

我在iOS8上的iPhone6+移动safari横向浏览器中遇到了Bootstrapsnavbar-fixed-top的错误。该错误仅在其他选项卡打开时发生。复制方法如下:1)转到http://getbootstrap.com/examples/navbar-fixed-top/在横向的iPhone6+上——确保打开另一个标签页2)在不打开折叠的情况下向下滚动页面3)一旦Safari的状态栏(url和标签)消失,打开导航栏4)向上滚动,以便带标签的Safari状态栏恢复5)尝试关闭导航栏。我在iOS7中有这个错误,但能够通过添加视口(viewport)minimal-ui元来修复它。我

html - iPhone 6+ Mobile safari iOS 8 横向打开标签,Bootstrap navbar-fixed-top 在打开时不会关闭

我在iOS8上的iPhone6+移动safari横向浏览器中遇到了Bootstrapsnavbar-fixed-top的错误。该错误仅在其他选项卡打开时发生。复制方法如下:1)转到http://getbootstrap.com/examples/navbar-fixed-top/在横向的iPhone6+上——确保打开另一个标签页2)在不打开折叠的情况下向下滚动页面3)一旦Safari的状态栏(url和标签)消失,打开导航栏4)向上滚动,以便带标签的Safari状态栏恢复5)尝试关闭导航栏。我在iOS7中有这个错误,但能够通过添加视口(viewport)minimal-ui元来修复它。我

javascript - 确定动态 CSS3 多列 DIV 宽度的宽度 fixed column-width

我有一个充满动态文本的DIV容器。文本的长度可以不同。DIV容器具有固定高度但没有宽度。文本被格式化为CSS3多列文本宽度固定columns-width。结果是n列,宽度为column-width。现在我想知道有多少列,或者DIV的计算width是怎样的。CSS代码:.columnize{float:left;position:relative;width:840px;overflow:hidden;}.columnizediv{-moz-column-width:259px;-webkit-column-width:259px;-moz-column-gap:16px;-webkit

javascript - 确定动态 CSS3 多列 DIV 宽度的宽度 fixed column-width

我有一个充满动态文本的DIV容器。文本的长度可以不同。DIV容器具有固定高度但没有宽度。文本被格式化为CSS3多列文本宽度固定columns-width。结果是n列,宽度为column-width。现在我想知道有多少列,或者DIV的计算width是怎样的。CSS代码:.columnize{float:left;position:relative;width:840px;overflow:hidden;}.columnizediv{-moz-column-width:259px;-webkit-column-width:259px;-moz-column-gap:16px;-webkit