2018年5月
如果需要将某个元素 在可以滚动元素(scroll)中设置为居中计算方法为: 需要的scrollleft + 普通居中时候的offsetLeft = 当前的scrollleft+当前元素的offsetLeft = 固定的当前元素在整个滚动条中距离左边的位置DEMO<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script s- 阅读剩余部分 -
随着自己写过的页面的增多,也遇到了很多CSS兼容性的问题。这些兼容性问题,都是必然的,因为技术在不断进步,不断革新,所谓,“后浪推前浪,前浪拍死在沙滩上”,当然我们的技术不能是被拍死在沙滩上,我们还要支持,不支持的话,只能是你这个页面,这个产品被淘汰。那么为了不被淘汰,我们就要做些兼容性处理。
我写页面的时候用到过很多的flex布局,觉得非常好用。下面附上一篇不错的flex布局介绍的文章。 Flex 布局教程想了解的可以自己去看看这篇博文,或者自己百度,这里先部多做介绍,我们主要来说一说flex布局的兼容性问题。why?大家可能想问了,flex布局为什么会存在兼容性问题啊?- 阅读剩余部分 -
1、移动端web页面显示图片在ios下回出现图片透明非常浅的问题,使用如下代码解决:Element{
opacity: 1;
}
2、iphone及ipad下输入框默认内阴影Element{
-webkit-appearance: none;
}
3、html5调用安卓或者ios的拨号功能html5提供了自动调用拨号的标签,只要在a标签的href中添加tel:就可以了。<a href="tel:4008106999,1034">400-810-6999 转 1034</a>
html5GPS定位功能具体请看:http:/- 阅读剩余部分 -
<input type="text" placeholder="请选择" readonly="readonly" unselectable="on">
设置只读标签readonly="readonly",禁止光标显示unselectable="on" 但是这个Android机正常,ios,iphone 5(se)都还依然会出现光标所以在网上找了些资料,现在整理下,方案一<input type="text" value="test" onf- 阅读剩余部分 -