yyy8343的专栏

今天同事做h5商城，运行在华为的测试机上发现￥符号没有显示，而在其他大多数手机上都能正常显示，后来发现京东也有这个问题。我首先想到的是客户机上没有此字体导致，于是百度￥符号是属于什么字体（搜索结果是很多字体都有该符号，那就随便选择一种安装吧），安装好这个字体后，在css中用@font-face设置该字体，再从华为打开页面，OK，问题解决。

做html页面经常想要把元素宽度设置百分比，以适应设备的宽度，这好办，但如果我们的元素想要正方形的呢？想要高是宽的2倍呢，问题就来了。怎么设置呢？先来段代码：#square-box{width:100%;height:0;padding-bottom:100%;}这三行样式就能把我们的元素设置为随屏幕尺寸适应的正方形。那自己试试padding-bottom为200%吧。

学习过程中经常遇到这样的问题，父级容器的高度会随着内容的增多而变化，子元素又想要在父级容器中垂直居中显示，然后第一反应就是设置vertical-align，发现不行，再设置margin:auto 0;垂直方向也不生效，没辙没辙的，最后就用了table。table不是不行，为什么不推荐，你懂得。那么我们的解决办法很简单：就是margin:auto 0，只要在父容器上加上一个writing-mod