小编JSW*_*189的帖子
为iPhone设置样式<select>标签
当<select>在HTML页面中使用标签时,有没有办法在iPhone上显示的滚轮中设置文本大小的样式？
推荐指数
解决办法
查看次数
启动图像(启动画面)和应用程序主页之间的白色闪烁
我有一个非常简单的HTML5 iPhone Web应用程序,几乎完美的工作; 只有一个问题:在启动图像和应用程序主屏幕之间,出现一个完全白色的屏幕(即闪烁)大约一秒钟.
我正在使用"添加到主屏幕"按钮从网上下载应用程序到我的手机.javascript文件(functions.js)和样式表都是非常小的文件.
有谁有这个问题？有没有办法解决/修复它？
的index.html
<!doctype html>
<html manifest="demo.manifest">
<head>
<meta charset="UTF-8">
<title>HTML5 Application</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="apple-touch-icon-precomposed" href="Icon@2x.png" />
<link rel="apple-touch-startup-image" href="Default@2x.png" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="user-scalable=no, width=device-width" />
</head>
<body>
<div id="wrapper">...</div>
</body>
<script type="text/javascript" src="function.js"></script>
</html>
demo.manifest
CACHE MANIFEST
index.html
Default@2x.png
functions.js
style.css
的.htaccess
AddType text/cache-manifest .manifest
由于HTML的渐进性,在渲染时清除屏幕和其他工件是HTML渲染的常见问题.这个概念是浏览器应尽可能早地绘制,并在样式/脚本/内容可用时呈现它们.标记有可能会延迟所有渲染,直到某些内容或脚本可用.如果出现以下情况,可能会发生这种情况:
- 您具有基于图像尺寸的动态高度,但尚未在标记或CSS中设置图像尺寸.
- 您的布局基于表格,并且您没有在CSS中使用"table-layout:fixed".
- 您的HTML使用带有document.write()的内联脚本.
- 您有某种onLoad()函数可以显示/修改内容.
- 您链接到外部样式表.
- 您正在使用不可缓存的外部内容,或者您已禁用缓存.
- 您正在使用返回404或无法离线使用的外部内容.
我已经按照这个答案中的所有建议,但它没有摆脱我的网络应用程序的白色闪烁.是否有任何黑客可以解决这个问题？
编辑#2:我尝试过只使用Javascript和样式表:
body { background-color: …推荐指数
解决办法
查看次数
将RGBA颜色转换为HTML颜色代码
我的应用程序中有一个颜色选择器,用户可以使用它来选择应用程序输出的某些对象的颜色.颜色选择器输出以RGBA格式选择的颜色.但是,我需要HTML颜色代码.我需要能够在不知道颜色的情况下将RGBA转换为HTML,并在以后将其用作字符串.我该怎么做呢？
推荐指数
解决办法
查看次数
样式表中背景图像属性的最有效位置
我使用CSS background属性在我的网站上放置一个大的,不重复的背景图像.由于图像太大,某些连接需要很长时间才能渲染图像.
这是我的CSS:
#wrapper {
background: url('large-image.jpg) no-repeat center center;
}
我已经完成以下操作来优化网络图像:
- 将其降低到不影响质量的最低分辨率
- 将图像类型从PNG更改为JPEG
- 对页面进行样式化,以便即使没有背景图像也可以读取内容
我的问题:为了进一步优化图像加载时间,如果我将background标签放在样式表的底部会有所不同吗？或者这种影响可以忽略不计？
我倾向于按照HTML的层次结构来命令我的CSS,因此#wrapper样式位于我的样式表的顶部.样式表中的属性顺序是否会在用户连接速度较慢时对加载时间产生明显影响？
推荐指数
解决办法
查看次数
如何正确垂直对齐表格单元格内的图像+文本
我需要vertical-align:top'Some text'和'Other text'.以下内容对我不起作用,只有第二个单元格正确对齐.我不明白问题是什么.
<style>
td {
vertical-align:top;
}
</style>
<table>
<tr>
<td><img src="icon.png"/> Some text </td>
<td> Other text </td>
</tr>
</table>
推荐指数
解决办法
查看次数
如何使标题栏折叠在网页css上
有人可以告诉我CSS代码或指向我如何实现这种效果的教程一直看.这是我正在谈论的图像:
注意:我知道如何绝对定位我只需知道它们如何消除效果.
推荐指数
解决办法
查看次数
CSS中是否有图像文件格式选择器？
我想在我的网站上使用display:none所有.gif图像(使用<img>标签显示)的属性.是否有可以做到这一点的CSS选择器？或者jQuery是最好的方法吗？
这不起作用,但我正在寻找这样的东西:
img[gif] {
display:none;
}
我知道这是一个简单的问题; 谷歌没有结果.
推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
构建本机移动应用程序 - 基于PHP Web应用程序
我开发了一个PHP应用程序.我想使用phonegap.com或类似的方法来开发基于相同MySQL数据库的本机应用程序.换句话说,将移动应用程序与Web服务器连接起来.
它需要以不同的方式做一两件事.首先,使用原生GPS功能来确定用户的位置 - 我猜这可以通过HTML5完成吗？
其次,每当Web应用程序用户收到通知时发送推送通知.
所有信息都已存在于MySQL数据库中,除了上述两个功能之外的所有功能都正常运行.
我目前正在为Web应用程序上的所有内容开发API - 使其以API为中心.在我看来,通过API连接这两个版本很容易.
例如,用户在Web应用程序上注册.然后他被提供给iphone应用程序下载.
是否有可能让他通过iPhone登录.另一方面,他是否有可能通过iphone搜索数据库,并"添加新朋友" - 在朋友表中建立两个用户的连接 - 其中,朋友也是朋友Web应用程序？
我一直在阅读所有可用选项,但仍然非常困惑!任何帮助都会非常有帮助.
推荐指数
解决办法
查看次数
将图像水平放置在中心位置,使高度为视口的100%
我有一个占据视口整个高度的图像.图像高度应跨越整个视口高度(100%),以便它适合于从中查看的屏幕(此处已完成),并且宽度应与高度成比例.正如您在我的页面(http://lamininbeauty.co.za)中看到的那样,页面两侧有空格.我希望图像水平居中.以下是我的代码:
CSS:
body{
margin: 0px;
padding: 0px;
overflow: hidden;
}
#main{
margin: auto;
}
img.bg {
/* Set rules to fill background */
max-height: 100%;
/* Set up proportionate scaling */
height: auto;
/* Set up positioning */
position: fixed;
}
HTML:
<body>
<div id="main">
<img class="bg" src="images/massage2.jpg" border="none" />
</div>
</body>
注意:我不希望图像丢失宽高比,它应该始终垂直适合100%,没有图像被截断,也没有垂直滚动.Horizntal居中.我试图远离background-size属性,因为IE8及更低版本不支持它.
推荐指数
解决办法
查看次数