gracezlj

[Shell]Shell Content支持宽度自适应配置

3

### Component Shell ### Feature Description 两侧布局时，左侧使用Shell.Navigation，右侧使用Shell.Content。左侧支持拉伸的场景，右侧宽度需要自适应。但目前Shell.Content内置容器 next-shell-sub-main: marginLeft写死的（按左侧初始宽度计算出来的）。希望可以支持受控，满足这个场景

## 问题场景 页面宽度大于屏幕宽时，设定viewport，浏览器（mobile Safari & chrome）会将页面缩小显示，但是会强制将font-size放大 ## 解决办法 设定-webkit-text-adjust-size:100%（移动端暂未发现有副作用） ## 解析-webkit-text-adjust-size 始于移动端使用，后在PC端被滥用，现PC端webkit新版本已经不支持，不推荐使用； 另 -webkit-text-size-adjust需要设置成100%（仅移动端支持，不会影响PC端样式），不能设置成none（避免仍然支持此属性值的pc端页面放大缩小时无法改变字体） ## 参考： 1. [Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently...

【iOS】iOS7 软键盘弹出覆盖在输入框上且无法输入内容

1

机型：iPhone4s 系统：iOS7 场景：手机屏幕较小，软键盘弹出时无法将页面往上滚动从而遮住了输入框，导致输入框无法focus & 无法输入内容 猜测原因：iOS7系统bug + 整个页面做成内滚动（非默认在body上） 暂时处理办法： 在meta标签中加入height=device-height & 加入以下代码可解决问题 $(window).load(function(){ $('input').focusout(function(e) {window.scrollTo(0, 0)}); }) 参考：http://forum.ionicframework.com/t/scroll-to-the-focused-item-input-when-the-keyboard-is-up/422/3 稍后补充截图 ps:貌似部分安卓机上也会出现，还未测试

IE6/7中父元素带有 hasLayout 时，若左浮动子元素存在带有非零值的 margin-bottom，则贴近容器底部的一排子元素margin-bottom失效

1