pc端自适应怎么写,uniapppc端自适应

VUE判断电脑是不是手机设备pc 端自适应移动终端的rem布局pc所有页面和移动终端都写在一个项目中。这时候我需要在登录的时候判断是什么设备，然后跳转到相应的页面，用不同的样式写入一个js文件，然后引入main.js如果是手机，我会采用rem布局设计稿作为640px的标准，如果是pc terminal，我需要页面自适应设计稿作为1920px宽的标准，在电脑屏幕尺寸小于1024px(一般来说电脑最小尺寸是1024px)的情况下。

我们提供的服务有：网站制作、成都做网站、微信公众号开发、网站优化、网站认证、湛河ssl等。为上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的湛河网站制作公司

设置自适应宽度通常需要将它们的宽度设置为百分比。你可以测试一下，或者把你的网址发给我帮你测试一下。但是这个设置只能让表格自适应，表格内容也要考虑自适应。比如用@mediascreen判断@ media screen and(maxwidth:360 px){ body，input，

pc所有页面和移动终端都写在一个项目中。这时候我需要在登录的时候判断是什么设备，然后跳转到相应的页面，用不同的样式写入一个js文件。然后引入main.js如果是手机，我会采用rem布局设计稿作为640px的标准。如果是pc terminal，我需要页面自适应设计稿作为1920px宽的标准，在电脑屏幕尺寸小于1024px(一般来说电脑最小尺寸是1024px)的情况下。

可以使用mediaquery在不同分辨率下设置不同的css样式/*超小屏幕(手机，小于768px) */*没有与媒体查询相关的代码，因为在Bootstrap中是默认的(记得Bootstrap是移动设备的优先级吗？)*/*小屏幕(平板，大于等于768 px)*/@ media(min width:@ screens min){...}/*中等屏幕(桌面显示器，大于等于992 px)*/@ media(min width:@ screen mdmin){...}/*大屏幕(大型桌面显示器)大于或等于1200 px)*/@ media(min width:@ screenlgmin){...}我举个例子吧。看看@ media (minwidth: 768px) {。ipad {显示:无；}.移动{显示:无；}.pc{显示:block}.第{marginleft:0行；margin right:0；}.home BG {//margin:0；背景:url(.

媒体查询参考bootstrap中的设置，或者直接使用bootstrap框架自动设置媒体查询代码instance @ mediaonlyscreenand(maxwidth:500 px)的宽度。grid menu { width:100%；}.grid main { width:100%；}.grid right { width:100%；}}。