Layout:在PC端，我们通常使用980px的固定宽度(也有960、1000、1200)，然后横向居中宽度:980 px；边距:0自动；但是移动端不能这样用，因为很多网页可以横着看，也可以竖着看；许多屏幕有不同的分辨率；所以只要涉及到移动终端，就要涉及到反应式(也叫自适应)；如果只是针对移动项目，我通常会考虑从320px宽到750px宽的兼容性；你应该更详细的问js这个题目，因为有没有画布对js的影响很大；一、普通手机网页(如手机新浪、手机淘宝、手机百度等。)在js上和PC没有太大区别；主要区别是移动端没有鼠标悬停；也可以使用click(onclick)；触摸和幻灯片比较多(这里不是我自己写的原创，只是一些插件)。我常用的移动终端插件: TouchSlide触摸屏滑动效果插件big talk董事长Touch.jsSwiper中文网二、画布相关的html5增加了很多。2。
4、响应式布局-PC端和移动端同时适配第二rem响应式布局方案(比例缩放):按1920年的设计稿使用。100px1rem，fontsize设置为100px对于750px的设计稿，1rem100px的屏幕大于2560及以上，就固定在1rem200px，宽度小于600及以下，就固定在1rem32px。一般第三方库都是用px单元，不能用rem来适应不同设备的屏幕。
5、移动端vue实现样式自适应(结合vant方法一:rem单位使用amfeflexible和postcsspxtorem(写的时候需要转换单位)。vant本身就是一个px单元，实际项目设计图宽750px。要实现同时自适应，需要结合两个插件:AMFEFlexible和postcsspxtorem。步骤如下:1 .PX单位怎么换算成rem？在postcsspxtorem 插件的帮助下，postcsspxtorem是一个postcss 插件用于将单位转换为rem。
6、使用bootstrap如何做自适应的网页比如一个大图如何适应手机端和 pc端可以使用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(.
7、移动端应不应该选择自适应的模板?是否对seo有帮助移动端适配也可以，主要看你的网站结构是否需要单独搭建。还有就是考虑预算成本。使用自适应模板将为您省心。有pc和手机站的好处是，你的电脑pc被黑了，手机可能没事。手机访问手机更友好。根据自己的需求选择。如果手机端客户多，需要的功能就多，另外建一个手机站。至于seo，后期影响不大。为什么选择使用模板？
8、VUE判断电脑还是手机设备 pc端自适应移动端rem布局pc所有页面和移动终端都写在一个项目中。这时候我需要在登录的时候判断是什么设备，然后跳转到相应的页面，用不同的样式写入一个js文件，然后引入main.js如果是手机，我会采用rem布局设计稿作为640px的标准。如果是pc terminal，我需要页面自适应设计稿作为1920px宽的标准，并且在电脑屏幕尺寸小于1024px时(一般来说电脑最小尺寸是1024px)。
