Html 制造<；图片>；元素拉伸以覆盖视口宽度和高度_Html_Css_Wordpress_Safari

Html 制造<；图片>；元素拉伸以覆盖视口宽度和高度

html css wordpress safari

Html 制造<；图片>；元素拉伸以覆盖视口宽度和高度,html,css,wordpress,safari,Html,Css,Wordpress,Safari,我现在很困惑基本上，我在一个项目中使用splide幻灯片作为一个完整的英雄幻灯片。由于图像的比例不适用于手机，我决定将图像更改为： <picture> <source media="(min-width: 750px)" srcset="<?php echo get_stylesheet_directory_uri() ?>/inc/images/IMG_8793-min.JPG"> <sour

我现在很困惑

基本上，我在一个项目中使用splide幻灯片作为一个完整的英雄幻灯片。由于图像的比例不适用于手机，我决定将图像更改为：

 <picture>
    <source media="(min-width: 750px)" srcset="<?php echo get_stylesheet_directory_uri() ?>/inc/images/IMG_8793-min.JPG">
    <source srcset="<?php echo get_stylesheet_directory_uri() ?>/inc/images/mobilePicture3.png">
    <img src="<?php echo get_stylesheet_directory_uri() ?>/inc/images/IMG_8793-min.JPG" alt="">
 </picture>