移动端常见问题 CSS3盒子 特殊样式 移动端常见布局

CSS3盒子模型

移动端多用CSS3盒子模型

div样式中设置样式{box-sizing:border-box;}

padding border不会撑大盒子   同IE盒模型

 

a链接在手机端出现点击后链接高亮的问题

解决方案：点击后设置高亮颜色为透明

a{

-webkit-tap-highlight-color:transparent;

}

输入框或按钮自定义样式的问题

解决方案：清除默认外观才可以设置自定义样式

input{

-webkit-appearance:none;

}

 

关于不想长按页面某一元素弹出菜单问题

解决方案:

img,a{

-webkit-touch-callout:none;

}

 

 

移动端常见布局

 

百分比布局

max-width

min-width