Bridge主题在桌面上的面积非常低,该WordPress主题在480px对焦距离下显示的面积是300px,在480-600px变焦倍数下显示的宽度是420px,在600-768px放大倍率下显示的宽度是600px,在768-1000px画面尺寸下显示的宽度是768px,1000px-1200px显示的宽度是950px。至于在广告屏下显示的宽度它可以在主题选项里面设置。
能读懂上面的宽度,我们便能里面为什么Bridge主题在手机中的宽度太小:
也就是说窜轴都是因为左右变大了480-300=180/2=90px方面的因素。因为智能手机基本难以达到480px的宽度。
既然留心原因,基本就可以修改Bridge主题手机中讲太小问题。
@media only screen and (max-width: 480px){
.boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .container_inner nav.content_menu, .full_width .parallax_content, .steps_无主之地前传_inner, div.grid_section .section_inner, nav.content_menu ul {
width: 90%;
}}
把上面CSS样式扩散到 主题选项-常规-自定义代码》自定义css里面即可。
现在赶快查看聊天框吧。
