移动端常见问题 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

发布了48 篇原创文章 · 获赞 3 · 访问量 874

猜你喜欢

转载自blog.csdn.net/procul/article/details/104839131