修改分辨率的问题

src/views/user/Noteedit.vue

@@ -6,13 +6,13 @@
             <span>{{isShowTip}}</span>
             <span class="his-info pointer" @click="isShowList = true">历史记录</span>
          </div>
-         <div class="edit-content">
+         <div :class="editContent">
             <div class="note-tit">
                 <div @click="toCoursePage()" v-if="editdata.playTime != ''" :style="{cursor:editdata.type==1? 'pointer':''}"><img :src="`${webBaseUrl}/images/coteplay.png`" alt="">{{getHMS(editdata.playTime)}}</div>
             </div>
             <div class="note-text" v-if="editdata.contentType != 3">
                <!-- <input style="vertical-align:top;outline:none;" type="textarea"  :rows="4" v-model="editdata.content"> -->
-                <textarea v-model="editdata.content" name="" id="" cols="" rows="16" style="vertical-align:top;outline:none;width:100%;border:none;padding-left:20px; background-color: #F5F5F5;font-size: 14px;font-weight: 400;color: #333333;" maxlength="200"
+                <textarea v-model="editdata.content" name="" id="" cols="" :rows="rowNum" style="vertical-align:top;outline:none;width:100%;border:none;padding-left:20px; background-color: #F5F5F5;font-size: 14px;font-weight: 400;color: #333333;" maxlength="200"
   show-word-limit></textarea>
             </div>
             <div class="note-text" v-else>
@@ -64,6 +64,7 @@ export default {
    data () {
       return {
          getHMS,
+         editContent: 'edit-content',
          imgContent:[],
          fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
          isShowList:false,
@@ -79,6 +80,7 @@ export default {
         histdata:[],
         id:'',
         timer:null,
+        rowNum:16
       };
     },
     mounted(){
@@ -87,6 +89,13 @@ export default {
       this.timer = setInterval(()=>{
          this.savedata(1);
       },30000);
+
+      let screenWidth = window.screen.availWidth;
+      if (screenWidth <= 1440) {
+        this.editContent = 'edit-content-low';
+        this.rowNum = 11;
+      }
+
     },
     methods:{
       toCoursePage(){
@@ -305,6 +314,12 @@ export default {
    min-height: 380px;
    background-color: #F5F5F5;
 }
+
+.edit-content-low{
+   min-height: 200px;
+   background-color: #F5F5F5;
+}
+
 .note-text{
    font-size: 14px;
    font-weight: 400;