因為工作需求，將youtube影片嵌入網站後，為了要能在手機和PC都能顯示出漂亮的大小，再加上Joomla遇到了一些小麻煩之後，發現似乎要寫成下方的html才能好看的顯示出來： <div style="position: relative; height: 0; padding-bottom: 56.25%;"> <iframe src="https://www.youtube.com/embed/*******?rel=0&controls=0&showinfo=0;&autoplay=1" width="100%" height="450" style="position: absolute; width: 100%; height: 100%; left: 0;" frameborder="0" allowfullscreen="allowfullscreen"></iframe> </div> 不知為何寫成min-height或是max-width都沒反應，不過向上方這樣補上 style="position: absolute; width: 100%; height: 100%; left: 0;" 就可以合乎行動裝置和PC的尺寸。
留言
張貼留言