meta

gtid知识： 1、gtid配置 MySQL通过全局变量gtid_mode控制开启/关闭GTID模式。但是gtid_mode是只读的，可添加到配置文件中，然后重启mysqld来开启GTID模式。相关配置项如下： gtid-mode = ON enforce_gtid_consistency = 1 log-slave-updates = 1 log-bin = mysql-bin log-bin-index = mysql-bin.index 2、查看配置 > show global variables like 'gtid_%'\G; *************************** 1. row *************************** Variable_name: gtid_executed Value: 5a1a41db-9f15-11e9-a991-e4434b210720:1-2, 5aa95098-9f15-11e9-98f3-e4434b5a47f8:1-429, 5bcba8f5-9f15-11e9-9b14-e4434b210748:1-6319147104, 5d2b585f-9f15-11e9-a58d-e4434b2106e8:1-1373519, 62cdce4f-9f15-11e9-9f0d-e4434b21b430:1-2,

文字自适应在html页面加入 <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'> <meta name='apple-mobile-web-app-capable' content='yes'> <meta name='apple-mobile-web-app-status-bar-style' content='black'> <meta name='format-detection' content='telephone=no'> 图片自适应加入 <style type='text/css'>img{width:100%}</style> <table style="width:100%;font-size:1.1em"> 来源： CSDN 作者： easyboot 链接： https://blog.csdn.net/easyboot/article/details/53884001

文字自适应在html页面加入 <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'> <meta name='apple-mobile-web-app-capable' content='yes'> <meta name='apple-mobile-web-app-status-bar-style' content='black'> <meta name='format-detection' content='telephone=no'> 图片自适应加入 <style type='text/css'>img{width:100%}</style> <table style="width:100%;font-size:1.1em"> 来源： CSDN 作者： wangzhibo_csdn 链接： https://blog.csdn.net/wangzhen_csdn/article/details/79635564

随着手机的普及，移动端的开发也成了一个重要的方向，但由于设备的不统一会造成一些兼容性问题， 1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960*640分辨率，在网页里只显示了480*320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的。 想让图片在手机里显示更为清晰，必须使用2x的背景图来代替img标签（一般情况都是用2倍）。例如一个div的宽高是100*100，背景图必须得200*200，然后background-size:contain;，这样显示出来的图片就比较清晰了。 代码可以如下： background:url(../images/icon/all.png) no-repeat center center; -webkit-background-size:50px 50px; background-size: 50px 50px;display:inline-block; width:100%; height:50px; 或者指定 background-size:contain;都可以，大家试试！ 2、图片加载

1.笔者发现，同样的一个网页，在电脑端显示清楚，但是如果在移动端没有做自适应，有些情况下同一个网页在 移动端字体会变得很模糊。在开发移动端应用的时候，习惯性的我们会加上一下meta标签。 < meta name= "viewport" content= "width=device-width,initial-scale=1.0" user-scalable= "no;" > 2.为什么需要加上这个标签？ （1）首先谈谈自己对于Layout viewport(布局视口）的理解 个人对于布局视口的理解，就是 设备当前选择的分辨率 。默认情况下，如果同一个电脑端网页要在移动端 显示IOS，Android都将这个视口设为980px，设想一般手机的分辨率是400*600px左右，如果要在该手机上呈现一个98 0px的视口，那么显然这个网页会变得模糊不清。 （2）什么是Visual viewport(视觉视口） 视觉视口，个人认为视觉视口与物理像素有关，一般的手机设备物理像素是大大的高于分辨率的， 也就是说视觉视口的大小是远远大于布局视口，下面是一段官方对于视觉视口的解释： visual viewport（视觉视口）备物理屏幕的可视区域，屏幕显示器的物理像素，同样尺寸的屏幕，像素密度大的设备，硬件像素会更多。例如iPhone的物理像素： iPhone5 ：640 * 1136 iPhone6

禁止滚动条 取消滚动条的默认样式：html{height:100%;overflow:hidden;} body{height:100%;overflow:hidden;} 并在js中写入：document.addEventListener('touchstart',function(event){ event.preventDefault();}) 移动端事件 changedTouches 触发当前事件手指的列表（默认是一个）【经常使用】 （当前事件） targetTouches 触发当前目标元素上的手指列表（可以是多个） （当前元素） touches 当前屏幕上的手指列表（可以是多个） （屏幕上的手指数） 使用时使用的是 changedTouches[0]; eg. 获取event事件中的clientX属性__ event.changedTouches[0].clientX 在移动端操作必做的步骤 ： 1. <meta name="viewport" content="width=device-width,initial-scale=1.0 /> 2. * {margin:0; padding:0;} (某些Chrome不能取消默认行为时 *{action-touch:none;}) html,body{height:100%; overflow:hidden;} 3.