
2-6강의 진행 중에 강의 내용대로 시도했으나 결과가 제대로 보이지 않아 문의드립니다.
여러차례 AI에게 수정 요청을 한 결과 코드 아래 붙입니다.
<style>
@media (max-width: 768px) {
/* 입력폼 전체나 버튼 영역을 브라우저 화면 기준으로 확실하게 고정 */
.form.text-center {
position: fixed !important;
bottom: 50px !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 99999 !important;
margin: 0 !important;
padding: 0 10px !important;
box-sizing: border-box !important;
background: transparent !important;
}
/* 버튼 자체도 가로를 꽉 채우도록 설정 */
.form.text-center .btn._input_form_submit {
width: 100% !important;
display: block !important;
box-sizing: border-box !important;
}
}
</style>그리고 모바일 화면 문제부분 영상도 함께 첨부합니다.
아래 영상처럼 하단에 고정되어 있지 않고 작성 버튼의 위치만 바뀌고 있습니다.
