15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页

bootstarp 响应式布局原理

王永康| 发布于 2021-07-07 22:11:13| 374阅读| 0点赞| 0评论
举报

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAR0AAADDCAYAAAC/KcWQAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAABX/SURBVHhe7Zu7bh3JmccXmLfhCzgRFExmMGAgpwRjAgImGgYDkNgNGNkBH0A4giEwmNAGrAW4AEl5nGxgnBfQEjCgwM8wSW99dem6dN36HLLIkX7BDzqnq+ur71b/U92g/mP69d8TAMAoEB0AGAqiAwBDQXQAYCiIDgAMpUt0Hj68nV4fvtGcfNhm79mZL2fT8U9H0+3i2nfT+Ta4BvuTy3UHt9cvvBY9/dId+7vpfIccvTgk3quz6SE31sHdpdnvry8/ztdmHQiu7UJTdPRCpxvr/HZ6f/pmurhf3rczuWboaSJYT/fG8zzcHEyvrt9lx14MPf2yiP3TtLnKzdlRdLZH0yvlQ4qxb9aKxsKcWv/N2MG0+WKv74n8WOxUu8+b6eTwcrrLjf36cbo4fDu9/5wb66MhOrJAsrg4tKfSReywEWBH1ub6a6rNU4vOArHjBKS0liD3BWOPmvPQhxXcXwYHjSVyCtrn4FEVHTnl6McpccI+Xl3cKyFSDv2ifgGPb850wl6pY9xGVHWRPKfeScKTsVdBkrU65+YkY7nxIsl6xzefovHYbuzLuYrRzw2aYUV8fsw09EZOD3Ys9aVEOfaGzUquW8iaqX9y8qnVveinPQnEfrfiL2xWsWUfHcL1FvcVYtent+i64DanyedtcHJZ+LiIZUl8QqyIThCLfHe+mXsrte3M504n1ecUnbtLOUa545Q8WtnvVnRMEX2wpiElaFu42ZZ8D4saJEs3RroRar8Mluy8PFo8CrZ00xaKoseChvB2WvHVY5/X043TF0NEFHvNphmr57pE6LfHbAqxYWzHdY/vXawX+Ca5zM5J8PfJembuciPl+qUVe6nHzLxqjRYbPiXNnVnLCUf4CBXG4vpNhNzHHPiiYwjs9uRzVc0tIjqVpxkRnX3e7VZER0RGPVrJ45RWPfeoFYiOToZP8Nx8OtAwyYJNliQq2Mj5pBQawhbb05dMs1HU/VGjCmlzxHiRSajFVxvT6wU+r2mIYuwVm125LpHYtfhNkqm73NOoUbEWyTxnb7atxo+vDnQ9ovU0mX5pxl4TneC+VTkz+BxVxq1Nd68WHDsnJ7Rm7tJnYyuTzxlfp/x4iOzxvhfF5qXybu92KqJjxOXBqV4oPi3RSQse0mwGIdcQSfJ2aIa5secC1QtSFJ018UUkTdQdQy32is2uXJdI7Fr8hvI+zXWv+unni3iUN0mCxKDufbhRjxlbZU99XtblBYmOvr/cU5rwHvEzENnYr7QGedGp5zOpSQdaUJ7npJOIjnvOs9/bzZcrqCIqikni8sSSaYikmPqXYU0zOKImsusXClYUnVp8zbHA58iXCtXYKzajeaVclxC7fk1Hte5VPxWzEBhf/EarIDavjqbzazvvWn1Wmyz2q9Uv+djFv6UPHTWyQpGrsY65KAAGfc8siEmetW23XuJLNGa/t/KZ87+F2+u5MYWIzhO907GPV+7IpT5fnMrLZHOkqouOmq+DlUJbgl8dPddeP9+GiXXNEeOKa5rYYF5m9iRzaTNulnTc25T18uKhqMRXHuto6ALl2Os2y7luI2umjdyqe9FPvWGCzWVzlN0oEbKOv8/E42Ko90sz9qhOzrd6PjUl0dH3BjHOJH6GvSJk/RBM7PO8cKwzn75e/lqT5xOd/Y3Db5zchoOBZIRyFTI/J4INnlN0Four74jQt8VOv5TwSOwnOvrUuUvtnvePA1XTuT991pQcga+Z6mMmPCF7iI48fu3xYzHv++CFcu7aLjRFBwDgMUF0AGAoiA4ADAXRAYChIDoAMBREBwCGgugAwFAQHQAYCqIDAENBdABgKIgOAAwF0QGAoSA6ADAURAcAhoLoAMBQEB0AGAqiAwBDQXQAYCiIDgAMBdEBgKEgOgAwFEQHAIaC6ADAUBAdABgKogMAQ0F0AGAoiA4ADAXRAYChIDoAMBREBwCGgugAwFAQHQAYCqIDAENBdABgKIgOAAwF0QGAoSA6ADAURAcAhoLoAIDmb3+9zvLP//2f7HVBxnK2aiA6AKAREfnX//1zgROd0ljOVg1EBwA0iA4ADOVFic7Dh7fT68M3mpMP2+w9O/PlbDr+6Wi6XVz7bjrfBtdgf3K57uD2+oXXoqdfumN/N53vkKMXh8R7dTY95MYKhMLy84+/n373veLHP8+i84+rk/nak4qOFpzTjXV+O70/fTNd3C/v25lcM/Q0Eayne+N5Hm4OplfX77JjL4aeflnE/mnaXOXm7Ck626PplfJFk9n0Op+pr9Z/M+9g2nwJxvZAfizW1G4Wnb//cfrD9z9OPwfC4gXpz9MP359Mf/r7k4nOx+ni8HK6C6993kwnlx+De/Zkh40AO7I2119TbQaIjhaU2ulCBOnqaDqP1pX1gu+PmnOx3S9is7D8/OP0u+M/Tv/Iio45Bf3w8xOJjpxy9OPU/eX8eHVxr4RInXx+UQk+vjnTCZNEb0RVF8lz6l1TdsEnWatzbk4ylhsvkqx3fPMpGo/txr6cqxj93KAZVsTnx0xDb+yvnZD6UqIce8NmJdctZM3UP9lYtboX/bQngNjvVvwFYdCb12zucL3FfYXY3Wkjxm1Ok8/b4MSy8HERi9Da4G48iSmIRb7HJ6FKbTvzqe11nnZehOjcXb6d3n+W0478K49W9rsVHVNEH6xpSAnaJMs3t0u4+xwkSzdGuhFKv0IB2Xl5tHgUbOmmLRRFjwUN4e204qvHPq+nG6cvhogo9ppNM1bPdYnQb4/ZFGLD2I7rHt+7WC/wTXKZnZPg75P1zNzlRsr1Syv22kmnUaPFhleIfdUrtzo/ar7NjRv3ccTrhrG4fhMh9zEHvugYgpr05HNFzSPRSd7bpKLzh6v/nsdytmpUREdERj1ayeOUfqfjHrUC0dHJkMSYRMzNpwM1iffYZEmigo2cT0qhIWyxPX3JNBtF3R81quB9j68bpJDLplTU4quN6fUCn1c0RDn2is2uXJdI7Fr8JsnUXe5p1KhYi2SeszfbVuPHVwe6HtF6mky/NGOviU5wX2/O9H3hxvf50b7M8eZFRwuOvccLSFqDpc/FfM4EfmTHPX/7639NPyQvip2whKIjmJfKJ9N//uVRRceIy4M8Wsk7nFB8WqKTFjyk2QxCriGS5K3aQBZZOypQvSBF0VkTX0TSRN0x1GKv2OzKdYnErsVtktAnLwI1P/18EY/yJkmQGNS9DzfqMWOr7KnPy7q8ENFJ6m78NOuEgjoj94uf6rMXq9CvtAZLn9v5TGpSwQmLFpTnOekkoiP/Bt/bzZcrqEIX0SXBFSQtaqYhonmmoL0nnYioiez6hYIVRacWX3Ms8HlNQxdjr9iM5pVyXULs+jUd1bpX/VTMQmB88RutgtiUl6/Xdt61vIhN/Wr1Sz528W/pQ0eNrFDENU58SHJRvC/Ns7bt1kt8icbs91Y+c/4XiB6vnuedjn280o9Vb5TgXCoRkpfJ8l6n0XwyXwcrhbYEvwJ6rr1+vg0T65ojxhXINLHBvMzsSebSZq5Z/Li3WRYdRSW+8lhHQxcox163Wc51m9ymbNW96KfeMMHmsjnKbpQIWcffZ+JxMdT7pRl7VCfnWz2fmqzoKCJ7pd4xPkdjWT8EE7uzF4115tPXy18r8QJER14kP/Lf5MBvi9yGg4FkhHIVMj8UsTovQnTmR6rgOyL0bbHmlxIem/1ER586V9RuFpbn/eNA1XTBf4F4nf6hIHwTVB8z4QnZQ3Tk8Wvlj0V4mgn/y4MTnWH/DQIAvg1C0QmJTzrLsZytGogOAGhEQHYhZ6sGogMAQ0F0AGAoiA4ADAXRAYChIDoAMBREBwCGgugAwFAQHQAYCqIDAENBdABgKIgOAAwF0QGAoSA6ADAURAcAhoLoAMBQEB0AGAqiAwBDQXQAYCiIDgAMBdEBgKEgOgAwFEQHAIaC6ADAUBAdABgKogMAQ0F0AGAoiA4ADAXRAYChIDoAMBREBwCGgugAwFAQHQAYCqIDAENBdABgKIgOAAwF0QGAoSA6ADAURAcAhoLoAMBQEB0AGEqX6Dx8eDu9PnyjOfmwzd6zM1/OpuOfjqbbxbXvpvNtcA32J5frDm6vX3gtevqlO/Z30/kOOfpNIbm4OpsecmMd3F0aLXh9+XG+NmtEcK1EU3S0sdONdXA7vT99M13cL+/bmVwz9DQRrKd743kebg6mV9fvsmMvhp5+WcT+adpc5ebsIzrG5qusL5Wx7ZG+bkjWro3tgfyQ7FTXz5vp5PByusuN/fpxujh8O73/nBvzNERHjCQLyKIdatbNDhsBdmRtrr+m2jy56Mi8g2nzJWe3Mpb6JSLjTiG1sb1xPuXGKtxfBoeQJXIKah1KqqIjpxz9OCUL2ceri3slRGrRX9Qv4PHNmXJcKaZKxEaUU32eE6oT5hQ6l2g/Fiq4VuDcnGQsN14kWe/45lM0HtuNfTlXMfq5QQOsiM+PmYbeyOnBjqW+lCjH3rBZyXULWTP1T04+tboX/bS/2LHfrfgLwhBsvnC9xX2F2PXpLbouuA1o8nkbnDAWPi5iCSmJWWFMbEUnjkAMamO1ui/8y+d6p1PsU4vO3aUcldyRSR6t7HcrOqaIPiDTkBKYSYhv7jRZQUJ0Y6QboVY4S3ZeHi0eBVu6aQuJ12PBL4u304qvHvu8nm6OvhgiothrNs1YPdclQr89ZsOKDWM7rnt872K9wDfJZXZOgr9P1jNzl5sl1y+t2Es9ZuZVa7TY1CE7iE5g3+TX5r02lvqp4wvq1ZPrVf1gEdGpPOmI6LTe+1ZER0RGPVrJ45RWNveoFYiODliCN8HOzaeDUQmJCBIZHhGzgRcKZ4vt6UuYKZa6P2pUwfseXzd4kUmoxVcb0+sFPq8pejH2is2uXJdI7Fr8hs/UXe5p1KhYi2SeszfbVuPHVwe6HtF6msJmrsZeE53gvlU5E1aKjmLOiY5bTpG+J8tjaX2Wtou5nvE1zI+HyP7ve1FsXiqX3+1URMeIy4NTtlB8WqKTFjyk2QxCrjhJglY3g8I19lyEetKLorMmvoikUbpjqMVesdmV6xKJXYtu5KLo1Pz080U8yhshQWJQ9z7cqEeJrbKnPi/rkumXZuwlcajks4uS3daYpbZeNJbWZ2m7neukXh1oQXm6k04iOu5Zzn5vN18huTpxLlCTqOWJJVOcaJ4RhN6TTkRUOLt+oShF0anF1xwLfK41WEg19orNaF4p1yXErl/TUa171U/FLATGl/i0UkBsXh1N59d23rX6rDZS7FerX/Kxi39LHzpqJHEUa5zxpWtMMOP5vKRjiZ/ap5W5zsXWwulAbkwhorPHOx37eOWOVerzxam8TDbHprroqPk6ICm0JfjV0XPt9fNtmDyToHnOfI+ZZ5rYYI6aPQlb2oyLno57m2XRUVTiK491NHSBcux1m+Vct8ltylbdi37qTRGIhc1RdjNEyDr+PhOPi6HeL83Yozo53+r51GRFx/jp1nOYe2pjcQyxzdpYajPIbWeufS39tSZPKzp9BuArJrfh4IWQEdFVyPxAmHp5atFZLKC+I0LfFjv9GsIA9hMdfSLdpa5P/8eBquncnzdrSovB10z1MROeiT1ERx6/9vghmTUheKGcu1aiKToAAI8JogMAQ0F0AGAoiA4ADAXRAYChIDoAMBREBwCGgugAwFAQHQAYCqIDAENBdABgKIgOAAwF0QGAoSA6ADAURAcAhoLoAMBQEB0AGAqiAwBDQXQAYCiIDgAMBdEBgKEgOgAwFEQHAIaC6ADAUBAdABgKogMAQ0F0AGAoiA4ADAXRAYChIDoAMBREBwCGgugAwFAQHQAYCqIDAENBdABgKIgOAAwF0QGAoSA6ADAURAcAhoLoAMBQEB0AGAqiAwBD6RKdhw9vp9eHbzQnH7bZe3bmy9l0/NPRdLu49t10vg2uwf7kct3B7fULr0VPv3TH/m463yFHLw6J9+psesiNdXB3afb768uP87VZB4Jru9AUHb3Q6cY6v53en76ZLu6X9+1Mrhl6mgjW073xPA83B9Or63fZsRdDT78sYv80ba5yc/YQne3R9Er5YUhs1MasLzL2mD0vPxY71e7zZjo5vJzucmO/fpwuDt9O7z/nxvpoiI4skCwuDu2pdBE7bATYkbW5/ppq89Sik9oXkXEnjdqYXu9g2nwp+bMPznZurML9ZXDQWCKnoH0OHlXRkVOOfpwSJ+zj1cW9EiLl0C/qF/D45kwFpdRUJXAjqhoqtU60ubZQ8GQsVH6tzrk5yVhuvEiy3vHNp2g8thv7cq5i9HODxlkRnx8zDb2R04MdS30pUY69YbOS6xayZuqfnHxqdS/6aX/pY79b8Rc2YrBpw/UW9xVi16e36LrgNqfJ521wMln4uIjFXotOFcGGr43N13KxVmq78CGfz51Oqs8pOneXcoxyxyl5tLLfreiYIvpgTUNK0CZZvrnDJJv752Tpxkg3QofqZ+fl0eJRsKWbtlAUPTb/IoV2WvHVY5/X043TF0NEFHvNphmr57pE6LfHbFixYWzHdY/vXawX+Ca5zM5J8PfJembuciOVNmwt9lKPmXnVGi02vLvm7zN5svmrjdlrtRhmX3QMwbyefK6quUVEp/I0I6Kzz7vdiuiIyKhHK3mc0qrnHrUC0dHJkMSYRMzNpwNVyYoIChBs5HxSCg1hi+3pS6Ypsro/alTB+x5fN3iRSajFVxvT6wU+r2mIYuwVm125LpHYtfgNn6m73NOoUbEWyTxnb7atxo+vDnQ9ovU0mX5pxl4TneC+FTmbY9P+y2nQ91ZtzFASnbrPxXzO+Drlx0Nkj/e9KDYvlXd7t1MRHSMuD071QvFpiU5a8JBmMwilAgTJW7WBLK6x5wLVC1IUnTXxRSRN1B1DLfaKza5cl0jsWnSTF0Wn5qefL+JR3iQJEoO69+FGPWZslT31eVmXlyE6EbV52bHdRaeez6QmHWhBeZ6TTiI67jnPfm83X66gCp1wlwSTxOWJJVOAaJ4RhN6TTkRUcLt+oWBF0anF1xwLfK41Zkg19orNaF4p1yXErl/TUa171U/FLATGl/i0UkBsXh1N59d23rX6rDZZ7FerX/Kxi39LHzpqJHEUayzU4iuNZWJIfdHrrsxnzv8Wbq/nxhQiOk/0Tsc+Xrkjl/p8cSovk82Rqi46ar4OVgptCX519Fx7/XwbJtY1R4wrhGligzmi9iRzaTMubDrubZZFR1GJrzzW0dAFyrHXbZZz3Sa3KVt1L/qpN0wgFjZH2Y0SIev4+0w8LoZ6vzRjj+rkfKvnU5MVndiX/jETnxuL70nHgvx15tPXy19r8nyis79x+I2T23AwkIxQrkLmB8LUy3OKzmJx9R0R+rbY6ZcSHon9REefOnep3fP+caBqOvenz5qSI/A1U33MhCdkD9GRx689fizmfR+8UM5d24Wm6AAAPCaIDgAMBdEBgKEgOgAwFEQHAIaC6ADAUBAdABgKogMAQ0F0AGAoiA4ADAXRAYChIDoAMBREBwCGgugAwFAQHQAYCqIDAAP59/T/uyIKKEE89jQAAAAASUVORK5CYII=

1199-992有效宽度都是970的

  991-768 都是750的有效宽度。

   767以下是百分比的宽度


@media screen and (max-width:750px) {}


@media screen and (max-width:640px) {}


@media screen and (max-width:1199px) {}


@media screen and (max-width:991px) {}

0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

王永康
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部