返回新闻列表

css响应式图片新方法picture标签

发布日期: 2023-08-30 | 来源: 智软设计工作室

HTML5 引入了 <picture> 元素屏幕匹配的不同尺寸显示不同图片


  <picture >

<source srcset="m.jpg" media="(max-width: 650px)">

    <img class="img-responsive" srcset="pc.jpg" alt="">

</picture>


推荐技术资料

js按照宽高比例设定html字体 css排版的时候用rem单位设置字体

2024-03-10

css排版的时候用rem单位设置字体font-size: 0.42rem;更好更方便的适配字体大小。/*#按照宽高比例设定html字体,width=device-widthinitial-scale=1版#@pargamwin窗口window对象#@pargamoption{designWidth:设计稿宽度,必须

阅读更多

网站封装成小程序,转发 分享到朋友圈不能使用,

2023-04-04

今天想把公司官网,封装成小程序,但是发现封装完成后。发现没法转发和分享朋友圈,于是开始找解决方法,很快发现转发,只需要onShareAppMessage,但是分享朋友圈一直灰色,发现用onShareTimeline不管用,最后发现是,只要用了web-view组件就不能分享,index.js 里写入,Page({data:{&

阅读更多

SQLite 查询本月的数据和查询多少天之内的数据

2021-11-24

SQLite 查询本月的数据select *from ay_diy_jingxiaoshangwhere create_time between datetime('now','start of month','+1 second') anddatetime('now','start of month','+1 month','-1 second')查询多少天之内的数据,查询365天select *from ay_di

阅读更多

jQuery+ clipboard实现复制内容效果

2023-07-06

<!--HTML代码--><ahref="#"data-source="<ahref='{php}echo$link{/php}'>[value->title]</a>"class="copy-link-btnlayui-btnlayui-btn-xs">复制链接</a><!--引入&nbs

阅读更多

google翻译api参数设置,google.translate.TranslateElement 参数配置

2021-11-11

<divid=”google_translate_element”style=”display:none;”></div><scripttype=”text/javascript”src=”//translate.google.cn/translate_a/element.js?cb=googleTranslateElementInit”></script><scripttype=”text/javascript”>fu

阅读更多

FFmpeg解决大视频播放卡顿-FFmpeg Batch AV Converte_3.0.5图形软件 设置批量视频转m3u8教程

2024-05-28

最近网站制作一个视频播放网站,客户视频比较大。把视频已经托管在腾讯云对象存储里面。也开启了加速。下载速度也有20M,但是视频。拖动。或者快进还是卡顿,于是找解决方案,发现把视频格式转成m3u8格式是一个很好的解决办法,他这个格式。会把视频切成n个ts个视频。而且所有的文件大小。会变小很多很多。这样测试一

阅读更多

pbootcms搜索页面设置不同模板

2023-07-08

<formaction="{pboot:scaction}"method="get">关键字:<inputtype="text"name="keyword"><inp

阅读更多

PBootcms权限提示跳转时间和文字修改,栏目加权限错误提示修改

2025-03-07

pb有时候给栏目加权限的时候,提示权限默认是2s页面跳转 有点麻烦,甚至不想要这个跳转提示页面按照路径找到 /core/function/handle.php把默认的1000改成你需要的时间 1000是1s 0就是直接跳转,但是0在直接跳转时候 会有一个页面马上闪烁跳转,可以把这个页面暂时display: none。找到路径 /core/template/error.html找到之后

阅读更多

网站自动翻译成英文,谷歌翻译api,怎样能打开网站默认自动翻译

2021-11-10

测试可用,就是要加载下js网站自动翻译成英文谷歌翻译api,怎样能打开网站默认自动翻译,设置Cookie就行了。也可以做多语言翻译。去除隐藏css选择项就行了。<style><!--隐藏长条-->.goog-te-banner-frame.skiptranslate { display: none !important;} body { top: 0px !important; }.goog-t

阅读更多