摘要: 效果一 效果二 效果三 效果四 页面代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 响应式页面学习二 </title> <style> * { margin: 0; padding: 0; } .out { margin 阅读全文
posted @ 2022-03-27 13:34 剧里局外 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 样式 注意media 中width 属性设置,那是为了页面大小连贯,不出现滚动条。最后一个设置居中,其他都是100%。 padding: 10px; box-sizing: border-box; 加上面两个样式是为了显示内容好看。 <!DOCTYPE html> <html> <head> <me 阅读全文
posted @ 2022-03-27 11:55 剧里局外 阅读(12) 评论(0) 推荐(0) 编辑