个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
包含以下CSS会有什么效果？起初，这似乎是一个愚蠢的问题，但请耐心等待。我有以下页面。没什么太复杂的，只是顶部有一个固定的标题，h1 在标题 div 内水平居中。在浏览器中这工作得很好。但是，这将在 PhoneGap 2.9.0 应用程序中使用。
在 Nexus 4 上，当屏幕旋转时，h1 不再水平居中除非包含“来自 js 的方向”CSS。但我的 HTML 页面中的 @media 选择器中根本没有该类。诚然，我从 jquery mobile 的 css 文件中复制了方向 css，但只是为了了解他们如何能够让 h1 始终居中，即使在设备方向发生变化时也是如此。 我没有使用 jquery mobile。
有人可以解释一下这个谜团吗？
<!DOCTYPE html>
<html>
<head>
<title> </title>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1">
<style>
/*CSS WITH THE CORRECTING EFFECT*/
@media screen and (orientation: portrait){
.nonExistantClass {}
}
/* OR THIS ONE! */
@media screen and (orientation: landscape){
.anotherNonExistantClass {}
}
/*END CSS WITH THE CORRECTING EFFECT*/
.header h1{
font-size:1.4em;
margin: 0 30%;
}
.header {
left: 0;
right: 0;
width: 100%;
top:0;
position: fixed;
z-index: 1000;
background:black;
color:white;
height:2.4em;
line-height:2.4em;
text-align:center;
}
</style>
</head>
<body>
<div>
<div class="header">
<h1>Title</h1>
</div>
</div>
</body>
</html>
更新:我已经缩小了范围。我最初的问题是关于 ui-mobile 和 ui-page 类。然而，与之前相同的 CSS 更改了类名后，具有完全相同的效果。
此外，我只需要两个 @media 选择器之一来展示上述行为。我已经更新了我的问题。
最佳答案
我的回答是，除非有人能纠正我，否则这只是phonegap或其在Android上的实现中的一个错误，并且通过包含这些媒体选择器之一，我强制应用程序的浏览器 View 以某种方式执行宽度在任何情况下都应该进行计算。
我想知道 jQuery 背后的人是否知道这一点，或者只是碰巧有 CSS 纠正了这个错误......
关于javascript - 在phonegap应用程序中以下CSS的效果是什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18073193/
24
4
0
这个问题在这里已经有了答案: standalone parentheses in javascript [duplicate] (5 个答案) 关闭 8 年前。 我在学习JavaScript，有时会
我是mysql新手，我必须减少以下更新查询的执行时间 UPDATE temp_countcalculations, ( SELECT count(*) as insuffcounts,CRP_
def escape_html(s): for (i, o) in (("&","&"),(">", ">"),(" "变成 ">"等。 关于python - 以下 for 循环
if (read(read(cin, data1), data2)) 问题是C++ Primer 5th Edition 的练习。 read 函数定义如下: std::istream &read(st
我想创建两个宏。其中一个将扩展到函数原型(prototype)和函数内容，另一个将扩展到仅函数原型(prototype)。我正在考虑创建以下内容: #ifdef SOME_CONDITION #def
我正在使用 jongo API - org.jongo.MongoCollection 是类。 我有对象 ID 列表并转换为与 ObjectId[] 相同并尝试按如下方式查询 collection.f
有人可以解释以下正则表达式匹配什么吗？ ^.*$ 谢谢! 最佳答案 或者整个字符串或者整行，取决于是否multiline mode被使用。 关于java - 以下 ^.*$ 正则表达式匹配什么？，我们
#include void main() { int a,b,c; for(b = c = 10; a = "- FIGURE?, UMKC,XYZHello Folks,TFy!QJ
我的代码段中的以下代码行被 Sonar 检测为问题。 代码段: final int Pending=1; Sonar 问题: Name 'Pending' must matc
Print name of all activities with neither maximum nor minimum number of participants 我尝试了以下查询，但出现错误:
这个问题在这里已经有了答案: What is this practice called in JavaScript? (7 个回答) 关闭8年前。 (function() { //do stuff
根据任务，我们必须通过 foldr 实现 foldl。通过比较函数签名和 foldl 实现，我得到了以下解决方案: myFoldl :: (a -> b -> a) -> a -> [b] -> a
这个问题在这里已经有了答案: Export an es6 default class inline with definition or at end of file? (1 个回答) 关闭 2 年
据我了解，以下是相同的: Person p{}; // Case 1 Person p = {}; // Case 1.5 我注意到 Person p = Person{}; // Case 2 产生
below i have given a javascript code picture `` can any one help me in this code. what do this code.
我想在标题和正文上搜索全文，并在答案计数上进行过滤。 我阅读了elasticsearch documentation for combining filters并构建了此查询。 "query": {
它是流动的 C 代码中的内存泄漏吗？ #include int *a; int main() { a = malloc(sizeof(int)*10); return
这两个声明有什么区别: char (*ptr)[N]; 对比 char ptr[][N]; 谢谢。 最佳答案 (1)声明 char (*ptr)[N]; ptr 是指向大小为 N 的字符数组的指针 下
data II = I Int Int deriving (Show) instance II Show where show I a b = show (a+b) showt.hs:3:2: s
我从 clojuredoc 中阅读了关于 condp 的文档。在文档中我找到了以下代码: (condp 一些 [1 2 3 4] #{0 6 7} :>> 公司 #{4 5 9} :>> 十二月 #{
我是一名优秀的程序员,十分优秀！