1）根據pad,手機不同的版本的屏幕大小設置字體的大小（可以使用此方式根據屏幕的不同進行設置，由於我左邊的圖片是設置的float='left',使用的是img標簽的百分比來顯示圖片）
（使用此方式，有可能會造成各個設置的屏幕的范圍會互相影響，要注意每個范圍的加載順序，因此我的布局 就寬度設置百分比，高度設置了具體的值，字體就稍微設置了小點）
（網上看了很多關於字體隨頁面的大小而改變的文章，關於處理谷歌默認的最小字體是12px,我試了很多但是都不支持，
PC桌面版Chrome 27正式取消了-webkit-text-size-adjust:none;屬性的支持，
這種方式會改變字體的大小，但是它一行的字數也沒改變，如下：
@media screen and (min-width:320px) and (max-width: 568px){
p{ font-size:12px;
-webkit-transform-origin-x: 0; //離左邊框的距離
-webkit-transform: scale(0.75); }
img{width:135%}
}
）
12×0.75=9，對於其它瀏覽器來說，12px以下的字號都是可以識別的，這里僅需要對於Chrome瀏覽器進行縮放。
@media screen and (min-width:768px) and (max-width:1024px){
p{font-size:14px;}
img{width:90%}
}
@media screen and (min-width:375px){
p{font-size:12px;}
img{width:120%}
}
@media screen and (max-width: 640px){
p{font-size:12px;}
img{width:100%}
}