LUKEZH-Note

笔记
管理

Autohotkey共享
Jquery共享
ss服务器共享
Sublime共享
前端学习共享
小程序共享
收藏插件个人
私人信息个人
装修共享

请先登入再管理

##手机端input输入框不放大及宽度适应手机屏幕尺寸大小：
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />

##使用UTF-8编码防止中文乱码
<meta charset="UTF-8">

##滚动条样式
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track-piece{background:#f2f4f8;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block;height:12px;background-color:#d5d9df;}
::-webkit-scrollbar-thumb:vertical{height:25px;background-color:#d5d9df;}
::-webkit-scrollbar-button:start:decrement{-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;}
::-webkit-scrollbar-button:end:increment{-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;}

##媒体查询
@media screen and (max-width: 768px) {

}

##让手机平滑滚动不卡顿在出现滚动条的css样式里面加入下面代码
-webkit-overflow-scrolling : touch;

##出现纵向滚动、换行、平滑
overflow-y: auto;
word-break: break-all;
 word-wrap:break-word;
 -webkit-overflow-scrolling : touch;

##bootstrap html模版
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
  <title>测试</title>
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
  <div class="container-fluid">
    <div class="row">

</div>
  </div>

lukezh

人与人的邂逅充满了神奇，遇到你真是有缘！