心得

本文介绍了移动端网页设计中的一些实用布局技巧,包括logo定位方法、图片与文字排版方式、图片尺寸设置及用户交互优化等。
一:移动端,logo定位的时候,记得要用position:absolute;left:百分比,top:百分比;而不应该是右边right:百分比,右边的话,会对不齐;
二:排版图片和文字的时候,要想随着文字内容的增加,文字围绕图片。设置一个大盒子,包含左边和右边,记得只要设置图片的左浮动和宽度,右边的文字不需要设置浮动和宽度
三:移动端记得设置图片的宽度和高度为百分比
四:移动端WAP手机端如果开始定义*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:Arial, "微软雅黑";}
则下面需要重新对文本框定义input,textarea{-webkit-user-select:text;-ms-user-select:text;user-select:text;}让用户可以选择文本框

转载于:https://www.cnblogs.com/ll-taj/p/5050526.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值