그누보드 폭을 고정하고 에디터 화면과 브라우저 화면이 일치되었으면 좋겠습니다.
본문
안녕하세요
그누보드 에디터에서는 이미지 테두리 라운딩도 되고 폭이 720px로 나오는데
브라우저에서는 꽉찬화면으로 나옵니다.
모바일에는 반응형으로 제대로 보입니다.
pc에서도 720px로 나오게 하려면 어떻게 해야 하나요.
도움 부탁드립니다.
<div style="width:100%; max-width:720px; width:min(100%,720px); margin:0 auto; line-height:1.7; box-sizing:border-box; word-break:keep-all; overflow-wrap:anywhere;">
<!-- 1. 상품이미지 -->
<div style="color:#333; font-family:NanumGothic,'맑은 고딕',sans-serif; text-align:center; margin:0 auto 15px; border:1px solid #ddd; border-radius:10px; padding:15px; box-sizing:border-box; background:#fff;">
<img src="https://www.eco-seobu.co.kr/data/editor/2509/ef2e39e5a729726fe2afc49a2d7157bd_1758492742_5241.jpg" title="ef2e39e5a729726fe2afc49a2d7157bd_1758492742_5241.jpg" alt="팡이자바 500ml 제품 대표 이미지" style="max-width:100%; height:auto; display:block; margin:0 auto; border:0;">
<br style="clear:both;">
<span style="font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
</div>
<span style="color:#333; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<!-- 2. 상품명 -->
<span style="color:#333; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<div style="color:#333; font-family:NanumGothic,'맑은 고딕',sans-serif; margin:0 auto 15px; border:1px solid #ddd; border-radius:10px; padding:16px; background:#fafafa; box-sizing:border-box;">
<span style="font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<h2 style="margin:0; font-size:20px; color:#2e7d32;"><span style="font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;">상품명</span></h2>
<span style="font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<p style="margin:6px 0 0; font-size:18px; color:#111;"><strong><span style="font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;">팡이자바500ml</span></strong></p>
<span style="font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
</div>
<span style="color:#333; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<!-- 3. 특징 -->
<span style="color:#333; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<div style="margin:0 auto 15px; border:1px solid #ddd; border-radius:10px; padding:16px; background:#fff; box-sizing:border-box;">
<span style="color:#333; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<h2 style="color:#2e7d32; font-family:NanumGothic,'맑은 고딕',sans-serif; margin:0; font-size:20px;"><span style="font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;">제품의 특징</span></h2>
<span style="color:#333; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<p style="margin:6px 0 0;"><span style="color:#444; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif; font-size:18px;"></span><font color="#444444" face="나눔고딕코딩, NanumGothicCoding, sans-serif"><span style="font-size:18px; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;">팡이자바는 안정화이산화염소나 차아염소산나트륨이 아니며 세계 최대의 고농도 순수 이산화염소입니다.</span></font></p>
<span style="color:#333; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
</div>
<span style="color:#333; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<!-- 4. 사용방법 -->
<span style="color:#333; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<div style="margin:0 auto 15px; border:1px solid #ddd; border-radius:10px; padding:16px; background:#fff; box-sizing:border-box;">
<span style="color:#333; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<h2 style="color:#2e7d32; font-family:NanumGothic,'맑은 고딕',sans-serif; margin:0; font-size:20px;"><span style="font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;">제품 사용방법</span></h2>
<span style="color:#333; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<p style="margin:6px 0 0;"><span style="color:#444; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif; font-size:18px;"></span><font color="#444444" face="나눔고딕코딩, NanumGothicCoding, sans-serif"><span style="font-size:18px; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;">전생육기 - 물 20리터에 팡이자바 20ml 희석하여 20일 간격으로 꾼준히 살포합니다.</span></font></p>
<p style="margin-top:6px;"><font color="#444444" face="나눔고딕코딩, NanumGothicCoding, sans-serif"><span style="font-size:18px; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;">장해발생시 - 물 20리터에 팡이자바 40ml 희석하여 3~5일 간격으로 2회 살포합니다.</span></font></p>
<span style="color:#333; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
</div>
<span style="color:#333; font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<!-- 4-1. 사용장소 -->
<div style="margin:0 auto 15px; border:1px solid #ddd; border-radius:10px; padding:16px; background:#fff; box-sizing:border-box;">
<span style="font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<h2 style="color:#2e7d32; font-family:NanumGothic,'맑은 고딕',sans-serif; margin:0; font-size:20px;"><span style="font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;">사용장소</span></h2>
<span style="font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<p style="margin:6px 0 12px; font-size:18px; color:#444;"><span style="font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> 다양한 환경에서 활용할 수 있습니다. (예: 비닐하우스, 과수원, 저장고, 주거·상업공간 등) </span></p>
<span style="font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<div style="text-align:center;">
<span style="font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
<img src="https://www.eco-seobu.co.kr/data/editor/2509/ef2e39e5a729726fe2afc49a2d7157bd_1758493377_9269.jpg" title="ef2e39e5a729726fe2afc49a2d7157bd_1758493377_9269.jpg" alt="팡이자바 사용장소 예시 이미지" style="max-width:100%; height:auto; display:block; margin:0 auto; border:0;">
<br style="clear:both;">
<span style="font-family: 나눔고딕코딩, NanumGothicCoding, sans-serif;"> </span>
</div>
</div>
