Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 仅为移动设备添加类_Html_Css - Fatal编程技术网

Html 仅为移动设备添加类

Html 仅为移动设备添加类,html,css,Html,Css,我只想为移动环境添加p-5类 个人电脑 移动电话 我知道有一些东西像切换css @media screen and (min-width: 768px) { 然而,类p-5对我来说是黑盒,因为它是引导默认类 那么我该怎么做呢?我不相信你可以单独使用CSS添加类。您可以使用媒体屏幕并更改类的属性,这也很好。您可以使用jQuery轻松地执行您想要的操作。 执行此操作的一种方法是附加调整大小事件,如下所示: $(window).on('resize', function() { if($(win

我只想为移动环境添加p-5类

个人电脑

移动电话

我知道有一些东西像切换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');
  }
})

尝试仅使用引导填充实用程序类来控制填充:

<nav class="navbar navbar-expand-lg navbar-light bg-light p-5 p-sm-0"

你在使用引导程序吗?如果是这样,请用itIf标记您的问题。如果您阅读了,还可以向其添加断点:{property}{sides}-{breakpoint}-{size}