全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果46,985个

移动端前端适配方案(总结)_CSS教程_CSS_网页制作_脚本之家

在网上搜了一下,很多面试都会被问到移动端适配方法的问题,最近看了一些文章,这里总结一下。 首先,谈一下目前为止出现的一些关于移动端适配的技术方案: (1)通过媒体查询的方式即CSS3的meida queries (2)以天猫首页为代表的 flex 弹性布局 (3)以淘宝首页为代表的 rem+viewport缩放 (4)rem 方式 1.Media Queries...
www.jb51.net/css/7207...html 2025-2-6

iOS新版微信底部工具栏遮挡问题完美解决_IOS_脚本之家

(三)方案三:使用媒体查询,手动设置两种页面样式,通过判断机型是否为iOS来展示不同的页面样式,将iOS端的底部按钮栏位置预留出来。 但是由于首次进入页面时并无底部栏,且该方案需要判断的iOS机型和版本条件过多,样式的改动也较大,暂时搁置。 进一步分析该问题发生的原因,发现出现遮挡的主要原因是,底部的工具栏是在页面...
www.jb51.net/article/1817...htm 2025-2-13

jQuery中的replace字符串替换实现不同尺寸图片切换功能_jquery_脚本之...

通常情况下,我们使用CSS媒体查询或JavaScript来根据屏幕大小选择不同尺寸的图片。 实现思路 我们可以通过在图片URL中添加特定的标记来表示不同尺寸的图片,并使用jQuery的replace()方法替换该标记为实际的图片尺寸。具体的实现步骤如下: 在HTML代码中创建待展示的图片元素,并将其设置为相对定位(position:relative)以便进行...
www.jb51.net/javascript/288207a...htm 2025-2-19

前端页面适配之postcss-px-to-viewport实现步骤_javascript技巧_脚本...

mediaQuery: false, // 媒体查询里的单位是否需要转换单位 replace: true, // 是否直接更换属性值,而不添加备用属性 exclude: [], // 忽略某些文件夹下的文件或特定文件 include: undefined, // 如果设置了include,那将只有匹配到的文件才会被转换,例如只转换 'src/mobile' 下的文件 (include: /\/src\/mobi...
www.jb51.net/javascript/3167554...htm 2025-2-19

vue3-print-nb实现页面打印(含分页打印)示例代码_vue.js_脚本之家

// 使用媒体查询 在打印时设置 body 和 html 的高度为auto @media print { @page { size: auto; } body, html { //如果vue最外层id,默认是#app。如果设置了height:100%;,那么#app也加 height: auto !important; } } 总结到此这篇关于vue3-print-nb实现页面打印(含分页打印)的文章就介绍到这了,更多...
www.jb51.net/javascript/313761j...htm 2025-2-6

vue3使用vue3-print-nb实现区域打印功能_vue.js_脚本之家

// 使用媒体查询 在打印时设置 body 和 html 的高度为auto @media print { @page { size: auto; } body, html { //如果vue最外层id,默认是#app。如果设置了height:100%;,那么#app也加 height: auto !important; } } 总结到此这篇关于vue3使用vue3-print-nb实现区域打印功能的文章就介绍到这了,更多...
www.jb51.net/javascript/2915565...htm 2025-2-18

layui框架教程_javascript技巧_脚本之家

css媒体查询(Media Queries)的强力支持,从而针对不同尺寸的屏幕进行相应的适配处理。 类型超小屏幕手机(<768px)小屏幕手机(平板>=768px)中等屏幕(桌面>=992px)大型屏幕(桌面>=1200px .layui-container的值 auto 750px 970px 1170px 标记 xs sm md lg 列对应类*为1-12的等分数值 layui-col-xs* layui-...
www.jb51.net/article/2641...htm 2022-9-29

HTML5中的Scoped属性使用实例_html5_网页制作_脚本之家

在scoped样式里可以使用任何合法的CSS样式标记,比如媒体查询,就像下面这样: 复制代码 代码如下: @media only screen and (max-width : 1024px) { div { background: #000; } } 这个新出现的scoped属性是非常有用的功能,尤其对那些创作模板的,或CMS用户,或某些无法操作整个样式文件的开发人员。但需要注意...
www.jb51.net/html5/1574...html 2025-2-14

详解CSS开发过程中的20个快速提升技巧_CSS/HTML_脚本之家

响应布局中的字体大小应该能够自动调整到视区,从而保存编写媒体查询的工作,以处理字体大小。可以使用:not和视区单位,根据视区高度和宽度计算字体大小:1 :root { font-size: calc(1vw + 1vh + .5vmin); } 现在,您可以使用根em单位,该单位基于:not:...
www.jb51.net/article/2128...htm 2025-2-19

Bootstrap每天必学之导航_javascript技巧_脚本之家

这里有一个媒体查询条件:“@media (min-width:768px){…}”表示自适应导航仅在浏览器视窗宽度大于768px才能按上图风格显示。当你的浏览器视窗宽度小于768px的时候,将会按下图的风格展示:从上图效果可以得知,“nav-tabs”和“nav-justified”配合在一起使用,也就是自适应选项卡导航,浏览器视窗宽度小于768px时,...
www.jb51.net/article/754...htm 2025-2-18