适配
elephant230
菜鸟,求指点
展开
-
pc端和移动端两套样式在vue中的切换
完成了一套网页,其中既有pc端也有移动端。那么怎样使其在不同的浏览器宽度下,自行适配页面呢?首先,一套移动端页面,一套pc端页面。为每套移动端页面增加例如mobile类名,为pc端页面增加如pc类名。或是为页面最外层元素增加mobile类名或pc类名。然后在公共样式中增加媒体查询,如下所示:这样,一旦检测到浏览器宽度大于1080px,那么类名为mobile的移动端页面消...原创 2019-07-16 16:19:14 · 17344 阅读 · 2 评论 -
如何避免视频自动全屏现象
在微信浏览器、苹果或安卓手机等浏览器,里面使用video标签,会自动变成全屏。那么可以在video标签之中加入下列属性,就可避免出现视频自动全屏的现象:webkit-playsinlineplaysinlinex5-playsinlinex-webkit-airplay='allow'...原创 2019-08-05 16:21:20 · 1468 阅读 · 0 评论