bootstrap html页面禁止放大缩小_bootstrap设置缩放到一定大小不能缩放

作者：weixin_40725706 | 2024-05-16 01:35:05

踩

bootstrap设置缩放到一定大小不能缩放

用bootstrap写的html页面，在手机端中禁止放大缩小：

亲测有效：

<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

有兴趣的可以关注一下我的微信公众号，分享一些编程相关的经典文章

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/576129

推荐阅读

article html--瀑布效果...
html><html>瀑布效果... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="前端特效动画 ------- 瀑布流（HTML、CSS、JS）_瀑布流效果动画" href="/w/很楠不爱3/article/detail/556835" target="_blank">前端特效<em>动画</em> <em>-------</em> <em>瀑布</em><em>流</em>（<em>HTML</em><em>、</em><em>CSS</em><em>、</em>JS）_<em>瀑布</em><em>流</em>效果<em>动画</em>...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="前端特效动画 ------- 瀑布流（HTML、CSS、JS）_瀑布流效果动画" href="/w/很楠不爱3/article/detail/556835" target="_blank">1<em>、</em><em>瀑布</em><em>流</em>是什么视觉表现为参差不齐的多栏布局2<em>、</em>为什么要使用<em>瀑布</em><em>流</em>需求一：要展示很多张图片需求二：图片不可以不按比例 ... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="edge 收藏夹导入 html,怎么把EDGE收藏的网址加到其他浏览器" href="/w/很楠不爱3/article/detail/558164" target="_blank"><em>edge</em> <em><em>收藏</em>夹</em>导入 <em>html</em>,怎么把EDGE<em>收藏</em>的网址加到其他<em>浏览器</em>...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="edge 收藏夹导入 html,怎么把EDGE收藏的网址加到其他浏览器" href="/w/很楠不爱3/article/detail/558164" target="_blank">Windows10系统自带了Edge<em>浏览器</em>，其因为强大的功能而一直深受用户们的喜爱。不过，最近有用户咨询，Edge<em>浏览器</em>... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="前端开发响应式设计之媒体查询（bootstrap）_bootstrap css3媒体查询断点-前端开" href="/w/小蓝xlanll/article/detail/559175" target="_blank"><em>前端开发</em>响应式设计之<em>媒体</em><em>查询</em>（<em>bootstrap</em>）_<em>bootstrap</em> <em>css3</em><em>媒体</em><em>查询</em>断点-前端开...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="前端开发响应式设计之媒体查询（bootstrap）_bootstrap css3媒体查询断点-前端开" href="/w/小蓝xlanll/article/detail/559175" target="_blank"><em>媒体</em><em>查询</em>就是可以根据设备显示器的特性（视口宽度、屏幕比例、设备方向-横向或者竖向等）为其设定CSS样式为什么响应式设计需... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="Bootstrap CSS3媒体查询断点_col-md-n型号的栅格,断点在哪里?" href="/w/weixin_40725706/article/detail/559199" target="_blank"><em>Bootstrap</em> <em>CSS3</em><em>媒体</em><em>查询</em>断点_<em>col</em>-md-n型号的<em>栅格</em>,断点在哪里?...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="Bootstrap CSS3媒体查询断点_col-md-n型号的栅格,断点在哪里?" href="/w/weixin_40725706/article/detail/559199" target="_blank"><em>Bootstrap</em> <em>CSS3</em><em>媒体</em><em>查询</em>断点文章目录简介<em>媒体</em><em>查询</em><em>栅格</em>参数实例：从堆叠到水平排列实例：流式布局容器实例：移动设... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="Bootstrap 响应式媒体查询_bootstrap响应式媒体查询" href="/w/weixin_40725706/article/detail/559201" target="_blank"><em>Bootstrap</em> 响应式 <em>媒体</em><em>查询</em>_<em>bootstrap</em>响应式<em>媒体</em><em>查询</em>...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="Bootstrap 响应式媒体查询_bootstrap响应式媒体查询" href="/w/weixin_40725706/article/detail/559201" target="_blank">1、@media <em>查询</em>，你可以针对不同的<em>媒体</em>类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式，特别... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="css媒体查询改变上边距,Bootstrap CSS3媒体查询断点" href="/w/IT小白/article/detail/559203" target="_blank"><em>css</em><em>媒体</em><em>查询</em>改变上边距,<em>Bootstrap</em> <em>CSS3</em><em>媒体</em><em>查询</em>断点...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="css媒体查询改变上边距,Bootstrap CSS3媒体查询断点" href="/w/IT小白/article/detail/559203" target="_blank">// Creates a wrapper for a series of columns.make-row(@gutte... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="Bootstrap 中CSS媒体查询分辨率 @media（min-width）_css 媒体查询屏" href="/w/不正经/article/detail/559207" target="_blank">Bootstrap 中CSS<em>媒体</em><em>查询</em>分辨率 @<em>media</em>（min-<em>width</em>）_<em>css</em> <em>媒体</em><em>查询</em> 屏...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="Bootstrap 中CSS媒体查询分辨率 @media（min-width）_css 媒体查询屏" href="/w/不正经/article/detail/559207" target="_blank"><em>媒体</em><em>查询</em>是非常别致的"有条件的 CSS 规则"。它只适用于一些基于某些规定条件的 CSS。如果满足那些条件，则应用相应的... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="【Bootstrap】bootstrap入门之媒体查询技术、样式类_01_bootstrap媒体查询" href="/w/我家小花儿/article/detail/559209" target="_blank">【<em>Bootstrap</em>】<em>bootstrap</em>入门之<em>媒体</em><em>查询</em>技术、<em>样式</em>类<em>_</em><em>01</em><em>_</em><em>bootstrap</em><em>媒体</em><em>查询</em>...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="【Bootstrap】bootstrap入门之媒体查询技术、样式类_01_bootstrap媒体查询" href="/w/我家小花儿/article/detail/559209" target="_blank"><em>Bootstrap</em> 是一款快速构建、响应式网站的，UI框架。框架的作用就是为开发人员提供一些已经封装好，或者已经优化好的... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="bootstrap 媒体查询_bootstrap js监听媒体查询" href="/w/2023面试高手/article/detail/559215" target="_blank"><em>bootstrap</em> <em>媒体</em>查询_<em>bootstrap</em> <em>js</em>监听<em>媒体</em>查询...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="bootstrap 媒体查询_bootstrap js监听媒体查询" href="/w/2023面试高手/article/detail/559215" target="_blank">Bootstrap主要用到min-width、max-width，以及and语法，用于在不同的分辨率下设置不同的CSS样... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="媒体查询，bootstrap。_bootstrap利用媒体查询创建一个响应式网站,要求小于540px" href="/w/花生_TL007/article/detail/559219" target="_blank"><em>媒体</em><em>查询</em>，<em>bootstrap</em>。_<em>bootstrap</em>利用<em>媒体</em><em>查询</em>创建一个<em>响应</em>式网站<em>,</em>要求小于<em>540px</em>...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="媒体查询，bootstrap。_bootstrap利用媒体查询创建一个响应式网站,要求小于540px" href="/w/花生_TL007/article/detail/559219" target="_blank">1<em>媒体</em><em>查询</em>学习<em>媒体</em><em>查询</em>的目的：了解如何使用<em>媒体</em><em>查询</em>做<em>响应</em>式页面。为接下来学的 Bootstrap 做铺垫。 <em>媒体</em>... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="Web前端—移动Web第五天（媒体查询、Bootstrap、综合案例-alloyTeam）" href="/w/你好赵伟/article/detail/559222" target="_blank"><em>Web</em><em>前端</em>—移动<em>Web</em>第五天（<em>媒体</em>查询、<em>Bootstrap</em>、综合案例-<em>alloyTeam</em>）...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="Web前端—移动Web第五天（媒体查询、Bootstrap、综合案例-alloyTeam）" href="/w/你好赵伟/article/detail/559222" target="_blank">在移动<em>Web</em>的第五天课程中，我们学习了<em>媒体</em>查询、<em>Bootstrap</em>以及综合案例-<em>alloyTeam</em>。<em>媒体</em>查询是用于针对不... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="【web网页制作】html+css旅游家乡河南开封主题网页制作（4页面）【附源码】_河南旅游网页设计" href="/w/你好赵伟/article/detail/559508" target="_blank">【<em>web</em><em>网页</em><em>制作</em>】<em>html</em>+<em>css</em>旅游<em>家乡</em><em>河南</em>开封主题<em>网页</em><em>制作</em>（4页面）【附源码】_<em>河南</em>旅游<em>网页</em>设计...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="【web网页制作】html+css旅游家乡河南开封主题网页制作（4页面）【附源码】_河南旅游网页设计" href="/w/你好赵伟/article/detail/559508" target="_blank"><em>家乡</em><em>河南</em><em>html</em><em>网页</em><em>制作</em>，<em>html</em>+<em>css</em>实现<em>网页</em><em>制作</em>，<em>河南</em>旅游主题<em>网页</em><em>制作</em>，期末<em>网页</em>大作业，<em>网页</em>作业成品，<em>web</em>前端源... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="2012-11-19 星期一 linux mysql android巴士仿_13412-2-1." href="/w/笔触狂放9/article/detail/562472" target="_blank"><em>2</em>0<em>1</em><em>2</em>-<em>1</em><em>1</em>-<em>1</em>9 星期一 <em>linux</em> mysql <em>android</em>巴士仿_<em>1</em>34<em>1</em><em>2</em>-<em>2</em>-<em>1</em>....</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="2012-11-19 星期一 linux mysql android巴士仿_13412-2-1." href="/w/笔触狂放9/article/detail/562472" target="_blank"><em>linux</em>命令删除非空目录http://zhidao.baidu.com/question/3<em>1</em>694<em>2</em>379.<em>html</em>... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="html、css、QQ音乐移动端静态页面，资源免费分享，可作为参考，提供InsCode在线运行演示" href="/w/Gausst松鼠会/article/detail/563624" target="_blank"><em>html</em>、<em>css</em>、QQ音乐移动端静态页面，资源免费<em>分享</em>，可作为参考，提供<em>InsCode</em><em>在线</em><em>运行</em><em>演示</em>...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="html、css、QQ音乐移动端静态页面，资源免费分享，可作为参考，提供InsCode在线运行演示" href="/w/Gausst松鼠会/article/detail/563624" target="_blank"><em>分享</em>链接：GIF动图<em>演示</em>：<em>InsCode</em><em>在线</em><em>运行</em><em>演示</em>：<em>html</em>、<em>css</em>、QQ音乐移动端静态页面，资源免费<em>分享</em>，可作为参考... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="揭秘VSCode魔法工具箱：HTML5 & CSS3 超强插件集合 + Css Reset与Norm" href="/w/小丑西瓜9/article/detail/563959" target="_blank">揭秘VSCode魔法工具箱：<em>HTML5</em> & <em>CSS3</em> 超强<em>插件</em>集合 + <em>Css</em> Reset与Norm...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="揭秘VSCode魔法工具箱：HTML5 & CSS3 超强插件集合 + Css Reset与Norm" href="/w/小丑西瓜9/article/detail/563959" target="_blank">23(24)(25)-1(2)- HTML、CSS 常用的<em>vscode</em><em>插件</em> +<em>Css</em> reset 和<em>Normalize</em>.... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="WEB前端复习——HTML" href="/w/笔触狂放9/article/detail/564352" target="_blank"><em>WEB</em>前端复习——<em>HTML</em>...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="WEB前端复习——HTML" href="/w/笔触狂放9/article/detail/564352" target="_blank">表格（总标题、td属性 colspan="跨列数量" rowspan="2"跨行数量 align、height、widt... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="kubernetes集群报 unable to load bootstrap kubeconfig处" href="/w/笔触狂放9/article/detail/565633" target="_blank"><em>kubernetes</em>集群报 <em>unable</em> to <em>load</em> <em>bootstrap</em> <em>kubeconfig</em>处...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="kubernetes集群报 unable to load bootstrap kubeconfig处" href="/w/笔触狂放9/article/detail/565633" target="_blank">k8s 集群出现问题："<em>unable</em> to <em>load</em> <em>bootstrap</em> <em>kubeconfig</em>的处理办法_<em>unable</em> ... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="k8s问题排查：the existing bootstrap client certificate " href="/w/小蓝xlanll/article/detail/565681" target="_blank">k8s问题排查：the <em>existing</em> <em>bootstrap</em> <em>client</em> <em>cert</em>ificate ...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="k8s问题排查：the existing bootstrap client certificate " href="/w/小蓝xlanll/article/detail/565681" target="_blank">k8s问题排查：the <em>existing</em> <em>bootstrap</em> <em>client</em> <em>cert</em>ificate in /etc/ku... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="k8s报错_unable to load bootstrap kubeconfig" href="/w/菜鸟追梦旅行/article/detail/565684" target="_blank">k8s报错_<em>unable</em> to <em>load</em> <em>bootstrap</em> <em>kubeconfig</em>...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="k8s报错_unable to load bootstrap kubeconfig" href="/w/菜鸟追梦旅行/article/detail/565684" target="_blank">查看状态报错Dec 11 15:50:01 k8s-node1 systemd[1]: Unit kubelet.ser... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li></ul><div class="list_tools_top">相关标签</div><div class="list_tools_box"><ul><li><a title="html" rel="nofollow" href="/s?w=html" target="_self">html</a></li><li><a title="javascript" rel="nofollow" href="/s?w=javascript" target="_self">javascript</a></li><li><a title="前端" rel="nofollow" href="/s?w=前端" target="_self">前端</a></li><li><a title="css" rel="nofollow" href="/s?w=css" target="_self">css</a></li><li><a title="es6" rel="nofollow" href="/s?w=es6" target="_self">es6</a></li><li><a title="edge 收藏夹导入 html" rel="nofollow" href="/s?w=edge 收藏夹导入 html" target="_self">edge 收藏夹导入 html</a></li><li><a title="bootstrap" rel="nofollow" href="/s?w=bootstrap" target="_self">bootstrap</a></li><li><a title="css3" rel="nofollow" href="/s?w=css3" target="_self">css3</a></li><li><a title="响应式设计" rel="nofollow" href="/s?w=响应式设计" target="_self">响应式设计</a></li><li><a title="媒体查询" rel="nofollow" href="/s?w=媒体查询" target="_self">媒体查询</a></li><li><a title="Bootstrap" rel="nofollow" href="/s?w=Bootstrap" target="_self">Bootstrap</a></li><li><a title="css媒体查询改变上边距" rel="nofollow" href="/s?w=css媒体查询改变上边距" target="_self">css媒体查询改变上边距</a></li><li><a title="媒体" rel="nofollow" href="/s?w=媒体" target="_self">媒体</a></li><li><a title="响应式" rel="nofollow" href="/s?w=响应式" target="_self">响应式</a></li><li><a title="less" rel="nofollow" href="/s?w=less" target="_self">less</a></li><li><a title="前端框架" rel="nofollow" href="/s?w=前端框架" target="_self">前端框架</a></li><div style="clear: both;"></div></ul></div><div class="list_tools_top"></div></div></div></div><style type="text/css"></style><link rel="stylesheet" href="https://cdn.wpsshop.cn/public/blog/css/phone.css?v=17352890" type="text/css"><script type="text/javascript"></script></div></div></div></div></div></div><style type="text/css"> /* footer css */ .index006-cover-page-foot { background-color: #F7F7F7; } </style><div class="cppui-row-1_100 cppui-row-view-1 row_1_100 ui-draggable" style="display: block;"><div class="cppui-column-1_100-0-1 column-view-com cppui-column-1_100-0-view-1 ui-sortable"><div class="drag-item-show-view-1 footermsg_view_pic ui-draggable" style="display: block;"><div class="index006-cover-page-foot drag-item-hide-view-1"><p class="copyright">Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。 </p><div style="background-color:#F7F7F7; text-align:center; height:20px;padding-top:5px;"><a target="_blank" href="#" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="https://cdnimages.wpsshop.cn/57public/skin/index/default/ui/images/beian_ghs.png" style="float:left;"> <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">闽ICP备14008679号</p></a> <a href="https://www.wpsshop.cn/xml/w/weixin_40725706/article/detail/576129.xml" target="_blank" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="https://cdn.wpsshop.cn/public/blog/images/site.png" style="float:left;"></a> <a href="/xml/w/g007/article/detail/new.xml" target="_blank" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="https://cdn.wpsshop.cn/public/blog/images/site.png" style="float:left;"></a> <a href="/site.xml" target="_blank" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="https://cdn.wpsshop.cn/public/blog/images/site.png" style="float:left;"></a></div></div></div></div></div><script type="text/javascript">var domain = document.domain;var hr=encodeURIComponent(window.location.href+'=='+document.referrer); document.write('<script src="https://ad.wpsshop.cn/admin.appflux?s=ad_flu_ind&fluxuserauto=yes&hr='+hr+'&p57weburl='+domain+'&p57usercode1='+domain+'&u=Vy1RJQhqAXUEMQNnAm0HaVVu&i='+p57ref("id")+'&r='+escape(document.referrer)+'" language="JavaScript"><\/script>');function p57ref(id){var reg=new RegExp("(^|&)"+id+"=([^&]*)(&|$)");var ref=window.location.search.substr(1).match(reg);if(ref!=null)return unescape(ref[2]);return null;} </script></body></html>