sharryling

经典布局 移动端主要问题 适配问题，即不同终端，屏幕尺寸不一样 相比于pc端，pc端主要是关注兼容性问题，而移动端是适配问题。 解决方法 一般在pc端的web 放在移动端，viewport会自动缩放，不会出现滚动条原长宽显示 【pc端的宽度一般默认是980px 的原因：即默认最小的pc端的宽度是980px，如果本来是1300，然后碰到1000px的屏幕，就会出现滚动条】 ...

1.两栏自适应 利用：float 和 overflow：hidden 清浮动方法 达到的效果： 粉色左边栏固定，右边自适应 且整个页面宽度=屏幕宽度 实现代码： 关键思路： ...

得到

顶部通栏 中频以下隐藏： 中频及以上显示栅格； 字体图标自定义 /* 字体图标 自定义 */ @font-face{ font-family: 'wjs'; src: url('../fonts/MiFie-Web-Font.eot') format('embedded-opentype'), url('../fonts/MiFie-Web-Font.svg'...