首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
菜鸡本机
CV工程师
·
2年前
关注
屏蔽作者: 菜鸡本机
举报
#1024一起掘金#
xdm有没有遇到这种问题,我访问页面A(源a),里面通过iframe嵌套里一个网页B(源b),通过window.open打开了一个新的标签页C(源b),但是无法获取之前存储的sessionStorage,Chrome116还是可以获取的,118就不行了
前端开发圈
等人赞过
分享
评论
4
相关推荐
哪个vue/vue-router 大佬帮我看个问题 自定义缓存渲染失败
多个同名路径 通过name跳转 渲染失败
感觉脑子rap晕了
0 赞 ·
32 评论
🪜跑路了,jym求个稳定🪜
1 赞 ·
14 评论
#新人报道#
vue3+element plus + windiCSS 页面渲染宽度与设计不符
使用npm create vue@latest创建vue3项目后,想要设置左右两个盒子各占视口宽度的一半,在HTML文件中测试没有问题,但是在vue组件中出现的效果总是右侧有一列空白区域,请问各位大佬是否有遇到过此类问题,还望不吝赐教
<template>
<div class="container">
<div class="container-left">1</div>
<div class="container-right">2</div>
</div>
</template>
<script setup lang='ts'>
</script>
<style>
/* 1. 重置全局样式(包括 html/body,需解除 scoped 限制) */
:global(*),
:global(html),
:global(body) {
margin: 0;
padding: 0;
/* 关键:让盒模型包含边框/内边距,避免宽度溢出 */
box-sizing: border-box;
}
/* 2. 修复容器宽度计算偏差 */
.container {
/* 替换 100vw 为 100%,避免滚动条占用视口宽度导致计算错误 */
width: 100%;
/* 强制占满屏幕高度 */
height: 100vh;
display: flex;
/* 禁止容器收缩,确保子元素占满 */
flex-shrink: 0;
}
.container-left {
/* 用 flex: 1 替代 50vw,自动平分宽度(更稳定) */
flex: 1;
height: 100%;
background-color: rgb(125, 248, 248);
}
.container-right {
/* 用 flex: 1 替代 50vw,自动平分宽度 */
flex: 1;
height: 100%;
background-color: rgb(248, 205, 125);
}
</style>
0 赞 ·
11 评论