移动端页面编写摘记

1.页面图片大小保持原像素并自适应
Q:有时候在编写页面时会遇到图片被拉伸的情况
k:关键是不同设备的屏幕分辨率导致，将视窗宽度锁死即可解
S:头部加

1. <meta name="viewport" content="width=640,user-scalable=no,target-densitydpi=device-dpi"/>

复制代码

补：
针对图片需要加入：

1. .slogan01 {
   
2.     width: 482px;
   
3.     height: 482px;
   
4.     background: url("../images/y1.png") no-repeat;
   
5.     background-size: 100% 100%;
   
6.     position: relative;
   
7.     margin: 0 auto;
   
8.     top:29px;
   
9. }

复制代码

重点是background-size:100% 100%;width和height同图片实际大小一致；