function adjustTitle() { const content = document.querySelector('.content'); const contentTextElements = document.querySelectorAll('.content-text'); contentTextElements.forEach(element => { const dataFmt = element.dataset.fmt.split(',').map(parseFloat); const marginLeft = content.offsetWidth * dataFmt[0]; const marginTop = content.offsetWidth * dataFmt[1]; const fontSize = content.offsetWidth * dataFmt[2]; element.style.left = `${marginLeft}px`; element.style.top = `${marginTop}px`; element.style.fontSize = `${fontSize}px`; }); const contentUlineElements = document.querySelectorAll('.content-uline'); contentUlineElements.forEach(element => { const dataFmt = element.dataset.fmt.split(',').map(parseFloat); const marginLeft = content.offsetWidth * dataFmt[0]; const marginTop = content.offsetWidth * dataFmt[1]; const width = content.offsetWidth * dataFmt[2]; const height = content.offsetWidth * dataFmt[3]; element.style.left = `${marginLeft}px`; element.style.top = `${marginTop}px`; element.style.width = `${width}px`; element.style.height = `${height}px`; }); const contentTextElements = document.querySelectorAll('.content-text'); contentTextElements.forEach(element => { const dataFmt = element.dataset.fmt.split(',').map(parseFloat); const marginLeft = content.offsetWidth * dataFmt[0]; const marginTop = content.offsetWidth * dataFmt[1]; const fontSize = content.offsetWidth * dataFmt[2]; element.style.left = `${marginLeft}px`; element.style.top = `${marginTop}px`; element.style.fontSize = `${fontSize}px`; }); const content = document.querySelector('.content'); const title = document.querySelector('.content-title'); const uline = document.querySelector('.content-uline'); const titleOpenA = document.querySelector('.content-titleOpenA'); const titleOpenB = document.querySelector('.content-titleOpenB'); const ulineOpen = document.querySelector('.content-ulineOpen'); if (content && title) { const contentWidth = content.offsetWidth; const fontSize = contentWidth * 0.045; title.style.fontSize = `${fontSize}px`; const marginLeft = contentWidth * 0.035; title.style.left = `${marginLeft}px`; const marginTop = contentWidth * 0.000; title.style.top = `${marginTop}px`; uline.style.left = `${marginLeft}px`; const ulineTop = contentWidth * 0.065; uline.style.top = `${ulineTop}px`; // Corrected code: Set width and height using style properties uline.style.width = `${contentWidth * 0.18}px`; uline.style.height = `${contentWidth * 0.009}px`; /* title.style.lineHeight = `${fontSize}px`; */ } if (content && titleOpenA) { const contentWidth = content.offsetWidth; var marginLeft = contentWidth * 0.5; titleOpenA.style.left = `${marginLeft}px`; titleOpenB.style.left = `${marginLeft}px`; var fontSize = contentWidth * 0.065; titleOpenA.style.fontSize = `${fontSize}px`; var marginTop = contentWidth * 0.15; titleOpenA.style.top = `${marginTop}px`; fontSize = contentWidth * 0.025; titleOpenB.style.fontSize = `${fontSize}px`; marginTop = contentWidth * 0.25; titleOpenB.style.top = `${marginTop}px`; ulineOpen.style.left = `${marginLeft}px`; const ulineTop = contentWidth *9 / 16 * 0.65; ulineOpen.style.top = `${ulineTop}px`; // Corrected code: Set width and height using style properties ulineOpen.style.width = `${contentWidth * 0.18}px`; ulineOpen.style.height = `${contentWidth * 0.009}px`; } } window.addEventListener('load', adjustTitle); window.addEventListener('resize', adjustTitle);