无锡网站建设响应式网页设计的一些基本原则是：

　　有时候如果内容占据了屏幕的整个宽度是很好的，比如在移动设备上。但是如果是在电视屏幕上，相同的内容，占据了你的屏幕整个的宽度，通常就意义不大了。这就是Min/Max值发挥作用的时候了。比如说，设置width为100%，然后max-width是1000px，那么内容会填满屏幕，但是不会超过1000px。

　　无锡网站建设位图使用条件: 在图标上添加很多的细节和花哨的效果。格式采用的是jpg、png或gif格式的图像;而对于矢量图，较好的选择是SVG或图标字体。另一个方 面，矢量图通常比较小，一些旧版的浏览器不支持。另外，如果它有很多曲线的话，它也可能会比位图要重。所以，选择需谨慎。

　　如果一个项目是从一个较小的屏幕开始，变成较大的屏幕，还是反过来，并没有太大的差别。然而它还是增加了额外的限制，可以帮助你决定是否从mobile优先开始。通常大家在一开始的时候都会两端一起写，所以，还是看看哪个运行起来更好。它们看起来似乎是相同的，但事实并非如此。这两种方法相辅相成，并没有说哪个是正确的那个是错误的，内容决定一切。

　　无锡网站建设随着屏幕尺寸变小，内容将会占据更多的垂直空间，而下方的内容就会被接着往下推，这就是所谓的流动。如果你是使用像素和磅来进行设计的，这可能会有点棘手，但是当你习惯了之后，就会变得很有意义了。让很多元素的位置依赖于其它元素来定位是很难控制好的，因此使用容器来包裹元素可以让它更易理解，也更整洁。这就是静态单位发挥作用的时候了。对于你不想要模块化的内容，它们是有用的。

　　断点允许布局在预定义的点改变。大多数CSS属性可以根据断点改变。通常你会根据具体的内容来设置断点。如果一个句子超过了屏幕长度，你可能就需要为其添加一个断点。但是使用断点是需要谨慎——当它很难理解什么内容会影响什么内容的时候，它可能会迅速地导致混乱。

　　画布大小可以它们之间的任何尺寸。像素密度也可以有所不同，所以我们需要灵活的、在各种屏幕上都可以使用的单位。这就是相对单位派上用场的时候了。所以设置50%的宽度也就意味着它会占据屏幕的一半。