jQuery datepickerアライメントの問題

Question

私は日付選択機能のためにjQuery UIライブラリを使用しています。あなたはカレンダーアイコンを持つ2つのテキストフィールドがある見たようhttp://redfruit.in/site/lorem.html

：ここ

は私が開発したウェブサイトのURLです。テキストエリアをクリックすると、カレンダー[日付選択]ポップアップが表示されます。

この機能はフルHDデバイスとモバイルデバイスでは機能しますが、標準のHDディスプレイ[1366 x 768]では機能しません。

"Check"とラベルが付いた内部日付ピッカーのみが動作しますが、 "Chk"というラベルの付いたテキストフィールドをクリックすると、カレンダーがコンテナの外に出ます。

私はすでにそれを検査

[エレメントを点検し、「のChk」とラベルの付いたテキスト・フィールドをクリックして1366年に幅を縮小]が、私は制御できませんので、CSSスタイルは、htmlタグの内側に適用されますカレンダーの位置。

この問題を解決する方法はありますか？

ご協力いただきありがとうございます。

Answer 1

はこのスタイルを追加し、これが役立つかもしれない、

.ui-widget.ui-widget-content { 
    left: auto !important; 
    right: 160px !important; 
} 

は、あなたが適切な@media文でスタイルを追加したことを確認してください。 私はフルHD、1366モニターでテストしました。スクリーンショットが添付されています。