
html结构
weixin_45108907
这个作者很懒,什么都没留下…
展开
-
css img图片拉伸问题处理
// An highlighted block img { display: block; width: 100%; //设置宽度,让height auto height: auto; margin-top: 2rem; }原创 2020-12-24 17:47:17 · 2937 阅读 · 2 评论 -
移动端页面填充满屏配置
问题:布局完成之后,发现适配超大屏手机,高度并不能自适应填充满屏的问题解决1,给最外层的父级盒子,设置display: flex;2,给图片这里 flex:1,变成弹性盒子3,同时设置最小高为100vh原创 2020-08-15 15:58:44 · 446 阅读 · 0 评论 -
vue项目webpack打包之后,css溢出省略代码失效问题
问题是打包之后,-webkit-box-orient: vertical;核心样式丢失。解决方法:加上注释命令,让autoprefixer编译的时候关闭对这行代码的转换。原创 2020-03-06 14:12:48 · 226 阅读 · 0 评论 -
VUE移动端定位按钮-可直接使用
记录下,供自己直接使用,呼呼呼呼 <div class="floatMap"> <router-link to="/looking" class="header"></router-link> </div>样式.floatMap .header {position: fixed;bottom: 3rem;right: 1...原创 2019-05-24 15:15:57 · 814 阅读 · 0 评论 -
vue移动端手写tab栏切换
复制代码结构----供自己直接使用:<ul class="tabsbox"> <li> <a @click="cur=0" :class="{active:cur==0}">全部</a> **//注意a标签中的href必须去掉,否则路由出现问题** </li> <li>...原创 2019-05-24 15:41:16 · 2916 阅读 · 0 评论 -
后端返给前端的html页面-出现横向滚动条
首先查看返回的结构,添加代码即可:html,body .countryNews{overflow:hidden;overflow-y:auto;}原创 2019-05-25 14:24:04 · 392 阅读 · 0 评论 -
VUE移动端-模态框滚动穿透问题
1 v-show显示模态框2 watch 监听模态框 的变化watch:{isHidden(newVal){newVal?this.scrollStop():this.scrollStart()}}3 在isHidden值发生变化的时候,a 阻止浏览器的默认行为,同时禁止页面滚动scrollStop(){var m = function(e){e.preventD...原创 2019-06-04 10:01:39 · 813 阅读 · 2 评论