摘要：
效果一 效果二 效果三 效果四 页面代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 响应式页面学习二 </title> <style> * { margin: 0; padding: 0; } .out { margin 阅读全文
摘要：
样式 注意media 中width 属性设置，那是为了页面大小连贯，不出现滚动条。最后一个设置居中，其他都是100%。 padding: 10px; box-sizing: border-box; 加上面两个样式是为了显示内容好看。 <!DOCTYPE html> <html> <head> <me 阅读全文