标签：它的 lips ... 大小 最好 get 文件流 ndt creat
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
以上代码，避免溢出
6.//ios 中动态修改title不起作用，需要用hack
document.title = res.result.labelName;
var $body = $("body");
//hack在微信等webview中无法修改document.title的情况
var $iframe = $(‘<iframe src="images/heat_fire.png"></iframe>‘).on(‘load‘, function(){
setTimeout(function(){
$iframe.off(‘load‘).remove();
},0);
}).appendTo($body);
7. <pre>强制换行：
pre{
padding: 0;
margin: 0;
color: inherit;
border: none;
white-space: pre-wrap;
word-wrap: break-word;
}
8.遵循标准，内联元素不要包含块级元素，如果有问题最好设置height和line-height
10. 上传图片的展示，即预览
文件流
<div class="btn pull-left" style="position: relative;">
<input class="file1" style=" position: absolute; top: 0; left:0; display:block; width:100%; height:100%; opacity:0;" type="file" name=‘subject_share_pic‘ />
<button type="button" class="fileBtn btn btn-primary">选择文件</button>
</div>
<div id="fileName" style="margin-top:15px;">{$findSubject.share_pic_name}</div>
<div class="pull-left" style=" margin-top: 15px; position: relative;">
<div class="thumb" style="width:200px; height:200px;">
<img id="card_img" style="width:100%; height: 100%; position: absolute; top: 0; left:0; z-index: 99; background-size: cover;" />
<img style="width:100%; height: 100%; display: block;" src="{$findSubject.share_pic}" >
<div>
</div>
$(".file1").on("change", function(e) {
var file = e.target.files[0];
var reader = new FileReader();
$("#fileName").html(e.target.files[0].name);
reader.onload = function(e) {
document.getElementById("card_img").style.backgroundImage = "url(" + e.target.result + ")";
};
reader.readAsDataURL(file);
});
window.URL方式
<script type="text/javascript">
/**
* 从 file 域获取 本地图片 url
*/
function getFileUrl(sourceId) {
var url;
if (navigator.userAgent.indexOf("MSIE")>=1) { // IE
url = document.getElementById(sourceId).value;
} else if(navigator.userAgent.indexOf("Firefox")>0) { // Firefox
url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));
} else if(navigator.userAgent.indexOf("Chrome")>0) { // Chrome
url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));
}
return url;
}
/**
* 将本地图片 显示到浏览器上
*/
function preImg(sourceId, targetId) {
var url = getFileUrl(sourceId);
var imgPre = document.getElementById(targetId);
imgPre.src = url;
}
</script>
</head>
<body>
<form action="">
<input type="file" name="imgOne" id="imgOne" onchange="preImg(this.id,‘imgPre‘);" />
<img id="imgPre" src="" width="300px" height="300px" style="display: block;" />
</form>
</body>
11.微信ios中添加了浏览记录，页面加载完成后才能执行滚动，但是如果都是图片并且页面很长的话，会有加载不出来的问题，可以通过改变背景色来解决，
或是其他的css样式，只要有改变就会解决
12.嵌入app端的html页面的跳转，需要协商怎么实现，目前是ios和android不同，android是直接使用
的方法，ios用href地址或是trigger a 的click事件。a如果没有click事件，则不能trigger
13. z-index在iOS中严格遵循层级结构，fixed在iOS中也有问题，需要将fixed的元素放置到body元素里，或父级不动的元素上
14. 这个不是算移动端的，对于登录、注册、忘记密码中chrome如果记住密码了，则注册和忘记密码时也会有自动填充，如果避免的话，需要设置一个高度为0的密码框，并且不能是hidden的密码框
<body ontouchstart="" onmouseover="">
</body>这样就可以了input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #666;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color:#666;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#666;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#666;
标签：它的 lips ... 大小 最好 get 文件流 ndt creat
原文地址：http://www.cnblogs.com/wenwenli/p/gongzhonghao_issue.html
