Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.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
Javascript 如何创建变量填充_Javascript_Jquery_Css_Padding_Smartphone - Fatal编程技术网

Javascript 如何创建变量填充

Javascript 如何创建变量填充,javascript,jquery,css,padding,smartphone,Javascript,Jquery,Css,Padding,Smartphone,当我在智能手机上查看我的网站时,我的一些菜单项会从页面上消失。因此,我希望为这些菜单项提供可变的填充宽度。例如,我的左填充和右填充当前设置为25px。这在平板电脑和电脑等大屏幕上效果很好,但在智能手机上观看时,这个数字太高了 我想这样做,当在768px宽的屏幕上观看时,我可以将填充设置为25px,但在768px宽的屏幕上观看时,只能设置为15px。如果随着浏览器尺寸变小,填充从25px慢慢减少到15px,效果会更好 我该怎么做呢?: 媒体查询是您要查找的内容。 /* normal screen

当我在智能手机上查看我的网站时,我的一些菜单项会从页面上消失。因此,我希望为这些菜单项提供可变的
填充
宽度。例如,我的
左填充
右填充
当前设置为
25px
。这在平板电脑和电脑等大屏幕上效果很好,但在智能手机上观看时,这个数字太高了

我想这样做,当在768px宽的屏幕上观看时,我可以将
填充设置为
25px
,但在768px宽的屏幕上观看时,只能设置为
15px
。如果随着浏览器尺寸变小,填充从25px慢慢减少到15px,效果会更好

我该怎么做呢?


媒体查询
是您要查找的内容。
/* normal screen CSS */
@media screen and (max-width: 767px) {
  /* small screen override CSS */
}