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 */
}