H5-ios textarea 内阴影

hanyuxinting commented 5 years ago

UI上看起来textarea有内阴影的情况但是怎么设置box-shadow:none;都无法去掉可以试试用-webkit-appearance: none;

-webkit-appearance: none; -webkit-box-shadow: 0 0 8px #000000; box-shadow: 0 0 8px #000000; ios input元素会有很多默认样式，需要覆盖。比如input[type="radio"] input[type="checkbox"] 会有border和border-radius

hanyuxinting commented 5 years ago

移动前端开发所有经验适用于：iOS6.0+, Android4.0+

hanyuxinting commented 5 years ago

移动前端开发和 Web 前端开发的区别是什么？

hanyuxinting commented 5 years ago

这里推荐一些关于移动端开发的博文：

1、手机/移动前端开发需要注意的20个要点 2、移动端如何开始 3、移动web页面前端开发总结 4、大漠的移动端重构，从深入浅

希望对需要了解或者准备开发手机端页面的朋友有所帮助

hanyuxinting commented 5 years ago

meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari (new) 将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式 viewport模板 (new) 常见问题移动端如何定义字体font-family 移动端字体单位font-size选择px还是rem (new) 移动端touch事件(区分webkit 和 winphone) (new) 移动端click屏幕产生200-300 ms的延迟响应触摸事件的响应顺序什么是Retina 显示屏，带来了什么问题 ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉部分android系统中元素被点击时产生的边框怎么去掉 winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 webkit表单元素的默认外观怎么重置 (new) webkit表单输入框placeholder的颜色值能改变么 webkit表单输入框placeholder的文字能换行么 IE10（winphone8）表单元素默认外观如何重置禁止ios 长按时不触发系统的菜单，禁止ios&android长按时下载图片禁止ios和android用户选中文字打电话发短信写邮件怎么实现模拟按钮hover效果 (new) 屏幕旋转的事件和样式 audio元素和video元素在ios和andriod中无法自动播放摇一摇功能 (new) 手机拍照和上传图片微信浏览器用户调整字体大小后页面矬了，怎么阻止用户调整消除transition闪屏开启硬件加速取消input在ios下，输入的时候英文首字母的默认大写 android上去掉语音输入按钮 android 2.3 bug android 4.x bug 设计高性能CSS3动画的几个要素 fixed bug 如何阻止windows Phone的默认触摸事件播放视频不全屏 (new) 常用的移动端框架 zepto.js iscroll.js underscore.js 滑屏框架 flex布局 (new) FastClick Sea.js

hanyuxinting commented 5 years ago

移动web开发

hanyuxinting commented 5 years ago

webkit 多行出现...

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

这个属性比较合适WebKit浏览器或移动端（绝大部分是WebKit内核的）浏览器。

hanyuxinting / Blog

H5-ios textarea 内阴影 #33