html - 仅为移动设备添加课程
问题描述
我只想p-5
为移动环境添加类。
电脑用
<nav class="navbar navbar-expand-lg navbar-light bg-light" style="padding:0px 10px 0px 10px;">
用于手机
<nav class="navbar navbar-expand-lg navbar-light bg-light p-5" style="padding:0px 10px 0px 10px;">
我知道有类似切换 css 的东西
@media screen and (min-width: 768px) {
但是类p-5
对我来说是黑盒,因为它是引导程序默认类。
那我该怎么做呢??
解决方案
我不相信你可以单独使用 CSS 添加类。您理论上可以使用媒体屏幕并更改课程的属性,这也可以。你可以使用 jQuery 轻松地做你想做的事。一种方法是像这样附加调整大小事件:
$(window).on('resize', function() {
if($(window).height() > 768px) {
$('.navbar').removeClass('p-5');
}else{
$('.navbar').addClass('p-5');
}
})
推荐阅读
- python - imshow() 函数未在 python 中提供预期的输出
- python-3.x - 以零误差获得整数除法和模数
- python - Python 的不同异常
- javascript - 在已加载的 sharepoint iframe 嵌入代码上自动搜索文本
- api-key - 公开您的 Applovin Sdk API 密钥是否安全?
- google-maps - 如何旋转谷歌地图标记?
- javascript - 使用时间表时,Laravel 验证似乎不起作用
- javascript - 带有索引范围的 js 字符串 .replace() 方法
- reactjs - 使用 react 和 typescript 从 docker 容器中获取环境变量
- jquery - 使用 simplewebrtc 的 Firefox 中的跨域请求被阻止错误