做了一组移动端的页面,在布局时遇到了一些问题,总结下以避免再次掉坑。遇到的问题:1.图片及带背景图片的块宽高等比缩放布局2.margin,padding百分比布局图片及带有背景图片的块的图片宽高等比缩放纯图片可以使用img标签,将其宽度设置成百分比,高度会自动按比例缩放。控制起来很方便。带背景图片的div就有点麻烦了,宽度可以使用百分比,但高度如果不设置具体像素数,会按照内容大小自动布局,这个问题
方便自己查看,不喜勿喷响应式与移动端(一)~(五)http://http://www.codingserf.com/index.php/2014/07/responsive-and-mobile-1/http://www.codingserf.com/index.php/2014/08/responsive-and-mobile-2/http://www.codingserf.com/index.
响应式与移动端(二):了不起的百分比我们通常把使用百分比的布局称为流动布局,但这不重要,重要的是要理解如何更好地使用百分比。一、宽度百分比比如我们写了一个宽度为1000px的布局(通常我们把这种用px的布局叫做固定布局),但是当窗口宽度小于1000px时,显然会截掉部分内容。为了让内容能够随着浏览器窗口的大小的变化全部显示,我们需要使用百分比来布局。此外,你可能已经知道通过响应式中有名的media
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号