移动端页面编写摘记

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


补:
针对图片需要加入:
  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同图片实际大小一致;

你可能感兴趣的:(css3)